数码资讯
Javascript事件委托技术实例分析
本文分析了javascript事件委托技术,供大家参考,具体分析如下: 如果整个页面上有大量的按钮,我们就必须为每个按钮绑定事件处理程序。这将影响性能。 首先,每个函数都是一个对象,对象将占用大量内存。内存中的对象越多,性能就越差。 第二,DOM访问数量的增加导致延迟加载页面。事实上,如何使用好的事
选购提示
关注价格、性能、续航、售后和真实使用场景,理性比较后再下单。
本文分析了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程序设计有所帮助。
如果整个页面上有大量的按钮,我们就必须为每个按钮绑定事件处理程序。这将影响性能。
首先,每个函数都是一个对象,对象将占用大量内存。内存中的对象越多,性能就越差。
第二,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程序设计有所帮助。
声明:本文内容用于数码产品信息整理与选购参考,具体价格、库存、售后政策以官方渠道和电商页面实时信息为准。