本文分析了javascript事件委托技术,供大家参考,具体分析如下:

如果整个页面上有大量的按钮,我们就必须为每个按钮绑定事件处理程序。这将影响性能。

首先,每个函数都是一个对象,对象将占用大量内存。内存中的对象越多,性能就越差。

第二,DOM访问数量的增加导致延迟加载页面。事实上,如何使用好的事件处理程序有一个很好的解决方案。

事件委托:

解决事件处理程序太多问题的方法是事件委托技术。

事件委托技术使用事件气泡。仅指定一个事件处理程序。

我们可以为需要触发事件的父元素绑定一个事件处理程序。



sdsdsd
sdsdsd
sdsdsd



现在我们将处理3个绑定事件处理程序。

您只需要在UL中绑定事件处理程序。


Obj.eventHandler($(mylist ,单击)
E = e window.event | |;
开关(e.target。ID){
我们还应该记住,目标是目标事件,
只要单击目标元素事件就会弹出相应的警报。
案例li_1 :
警报(li_1 );
打破;
案例li_2 :
警报(li_2 );
打破;
案例li_3 :
警报(li_3 );
打破
}
})


如果是在复杂的Web应用程序中,这个事件委托是非常实用的。

如果不是这样的话,绑定的就是无数事件处理程序。

希望本文能对大家的javascript程序设计有所帮助。