javascript 中的事件委派的作用是什么
页面刷新的时候会调用loading方法,这个方法中有一个事件委派,求各位前辈简单通俗点的给我讲讲什么是js中的事件委派,最好再举个小例子,谢谢了...
页面刷新的时候会调用loading方法,这个方法中有一个事件委派,求各位前辈简单通俗点的给我讲讲什么是js中的事件委派,最好再举个小例子,谢谢了
展开
展开全部
所谓事件委托,就是让一个下属分别干的事情交给上司办了。比如说,鼠标点击事件,本来页面上有很多的鼠标点击事件,需要一个个的去写实现函数,但是如果你把鼠标点击事件交个上司来完成,那么就是你鼠标点击那里的时候,就相当于上司找对应的下属来完成此事件,而不像前面的一个个的去找实现函数。很简单的例子就是给ul中的li加事件:
<ul id="ul1">
<li>111</li>
<li>222</li>
<li>333</li>
<li>444</li>
</ul>
如果给每个li添加点击事件:
var li=document.getElementsByTagName('li');
for(var i=0;i<li.length;i++)
alert(li[i].innerHTML);
要是用事件委托
var ul=document,getElementById('ul1')
var target = ;ul.target || ul.srcElement; //兼容处理
alert(target,innerHTML);
这样做的好处就是不在进行查询,减少了DOM操作,极大地改善了代码性能。
<ul id="ul1">
<li>111</li>
<li>222</li>
<li>333</li>
<li>444</li>
</ul>
如果给每个li添加点击事件:
var li=document.getElementsByTagName('li');
for(var i=0;i<li.length;i++)
alert(li[i].innerHTML);
要是用事件委托
var ul=document,getElementById('ul1')
var target = ;ul.target || ul.srcElement; //兼容处理
alert(target,innerHTML);
这样做的好处就是不在进行查询,减少了DOM操作,极大地改善了代码性能。
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询