对象就会占用很多内存.内存中的对象越多

本文实例剖判了JavaScript事件委托技能。分享给大家供我们参照他事他说加以考察。具体深入分析如下:

要是三个完全页面里有恢宏的按键.大家就要为每四个开关绑定事件处理程序.那样就能够耳濡目染属性了.

首先每一个函数都是指标,对象就能占用比相当多内部存款和储蓄器.内部存款和储蓄器中的靶子越来越多,质量就越差.

协理,dom访谈次数增添,就能够促成延迟加载页面.事实上,从哪些来选取好事件处理程序,依旧有很好的技术方案的.

事件委托:

对事件管理程序过多的标题一举成功的方案便是事件委托手艺.

事件委托才干使用了平地风波冒泡.只需点名二个事件管理程序.

我们得认为某些要求接触事件的父成分来绑定事件管理程序.

<ul id="mylist">    
  <li id="li_1">sdsdsd</li>    
  <li id="li_2">sdsdsd</li>    
  <li id="li_3">sdsdsd</li>
</ul>

这两天大家要为那3个li绑定事件管理程序..

只要求在ul绑定事件管理程序.

obj.eventHandler($("mylist"),"click",function(e){
  e = e || window.event;
  switch(e.target.id){
//大家应该还记得target是事件目标,
//只要点击了事件的目标元素就会弹出相应的alert.
 case "li_1":
 alert("li_1");
 break;
 case "li_2":
 alert("li_2");
 break;
 case "li_3":
 alert("li_3");
 break
  }
})

若果在贰个叶影参差的web应用程序中,.这种事件委托是十二分实用的.

假如不行使这种措施的话,一个三个去绑定这正是点不清的事件管理程序.

期待本文所述对大家的javascript程序设计具备帮衬。

您可能感兴趣的小说:

  • JS 事件绑定、事件监听、事件委托详细介绍
  • javascript事件委托的办法绑定详解
  • JavaScript中的事件委托及受益
  • javascript质量优化之事件委托实例详解
  • JavaScript动态增加事件之事件委托
  • JavaScript事件委托用法深入分析
  • JavaScript事件委托的技术原理商量示例
  • JavaScript之事件委托实例(附原生js和jQuery代码)
  • javascript 中的事件委托详解
  • JS达成为动态增加的要素扩大事件功用示例【基于事件委托】
  • JS中的事件委托实例解析

本文由金沙澳门官网-www.js333com-金沙js333com发布于金沙澳门官网计算机,转载请注明出处:对象就会占用很多内存.内存中的对象越多

您可能还会对下面的文章感兴趣: