事件委托 素颜马尾好姑娘i 2023-06-02 11:54 11阅读 0赞 最近刷Zepto视频时,听到里面提到了事件委托,就去查了一下,对事件委托有了些了解,特总结一下。 ## 什么是事件委托 ## 事件委托是利用事件冒泡,只指定一个事件处理程序来管理某一类型的所有事件。 ## 为什么要用事件委托 ## * 在数量少的情况下,我们为同一个标签(比如 li )添加事件时常使用for循环,但是数量多的时候可能会影响浪费内存,甚至对页面性能产生影响。 * 我们在绑定事件时(比如点击事件),只能绑定在页面已有的元素上,而对于新创建的元素便没有这个事件,如果想让新添加的同样具有,这里就得用事件委托。 ## 事件委托的原理 ## 上面已经说过,事件委托是利用事件的冒泡原理来实现的。 那么什么是事件冒泡呢? 事件冒泡就是事件从最深的节点开始,然后逐步向上传播事件。 给大家举个我查资料时看到的一个例子,说的很形象: 页面上有这么一个节点树,div>ul>li>a;比如给最里面的a加一个click点击事件,那么这个事件就会一层一层的往外执行,执行顺序a>li>ul>div,有这样一个机制,那么我们给最外面的div加点击事件,那么里面的ul,li,a做点击事件的时候,都会冒泡到最外层的div上,所以都会触发,这就是事件委托,委托它们父级代为执行事件。 ## 适用场合 ## * 为DOM中的很多元素绑定相同事件时; * 为DOM中尚不存在的元素绑定事件时; ## 事件委托的好处 ## 对于新创建的元素直接就可以拥有想给它添上的事件。 附上相关代码大家可以敲敲试试: $('#box').on("click",'.a',function(){ alert('a事件'); }); $('#box').append('<div class="a">我是新添加的div</div>');
相关 事件委托 事件委托概念:利用事件冒泡,只指定一个事件处理程序,就可以管理某一类型的所有事件。 首先封装好EventUtil以便兼容IE var EventUtil = { 绝地灬酷狼/ 2023年07月14日 05:47/ 0 赞/ 36 阅读
相关 事件委托 最近刷Zepto视频时,听到里面提到了事件委托,就去查了一下,对事件委托有了些了解,特总结一下。 什么是事件委托 事件委托是利用事件冒泡,只指定一个事件处理程序 素颜马尾好姑娘i/ 2023年06月02日 11:54/ 0 赞/ 12 阅读
相关 事件委托 事件委托利用了事件冒泡,只指定一个事件处理程序,就可以管理某一类型的所有事件。所有用到按钮的事件(多数鼠标事件和键盘事件)都适合采用事件委托技术, 使用事件委托可以节省内存。 悠悠/ 2022年12月25日 04:00/ 0 赞/ 190 阅读
相关 事件的委托 之前给li写事件的时候发现,用代码新添加的li不能像之前的事件。如同下图! ![20160922200151222][] 后来改变看到有事件委托就可以修复这个bug! 川长思鸟来/ 2022年09月26日 12:59/ 0 赞/ 197 阅读
相关 委托与事件 前面讲到了[委托][Link 1],正如上篇文章所述,委托的出现标志着事件的出现。上篇文章中我们没有用到事件,但细心的读者是否发现,无论是如何使用委托,都会在People 今天药忘吃喽~/ 2022年08月07日 04:35/ 0 赞/ 238 阅读
相关 委托和事件 委托 委托就是将方法当作变量来使用。把委托作为方法的一个载体,方法好像参数一样可以被传递,并进行运算。委托相当于函数的工厂。委托是类型,就好像类是类型一样。(类封装了方法 秒速五厘米/ 2022年07月31日 01:52/ 0 赞/ 273 阅读
相关 事件委托机制 事件委托机制 事件委托机制是利用的是冒泡的原理的,把事件的监听转换到其父元素上,也就是把事件绑定到父元素上面,然后在事件中获取子元素的对象,对其进行相应的操作。 柔光的暖阳◎/ 2022年06月07日 13:16/ 0 赞/ 300 阅读
相关 vue事件委托 vue事件委托 在vue中完成事件委托是非常方便的 例如下面想要点击li标签输入每个li标签的数值 <ul> <li>1</li> 川长思鸟来/ 2021年12月11日 02:57/ 0 赞/ 467 阅读
相关 zepto 事件委托 $('父元素选择器').on('无on的事件','子元素选择器',function(){})' 给父元素的子元素委托事件 (1)同jq区别:可 朴灿烈づ我的快乐病毒、/ 2021年07月24日 20:36/ 0 赞/ 504 阅读
相关 javascript事件委托和jquery事件委托 javascript事件委托和jquery事件委托 初衷:很多的面试都会涉及到事件委托,前前后后也看过好多博文,写的都很不错,写的各有千秋,自己思前想后,为了以后自己的查... 朱雀/ 2020年07月02日 07:28/ 0 赞/ 1100 阅读
还没有评论,来说两句吧...