码迷,mamicode.com
首页 > 其他好文 > 详细

事件委托

时间:2016-11-24 21:27:33      阅读:131      评论:0      收藏:0      [点我收藏+]

标签:alt   代码   工作   工程   png   监听   提高   log   ges   

事件委托简单来说就是利用冒泡原理,把事件加到父级上,触发执行效果;

例:点击li元素给其添加背景色;

技术分享

有同学可能给每个li元素手动添加点击事件(先不说优化,假如有一千、一万,甚至更多的个li元素时,这是一个可怕的工程量);还有同学想到用for循环,利用计算机来完成这项工程,如下图:

技术分享

这样写没错,人也轻松,当然对于电脑来说,这点工作量也不是啥事,可是当实际项目时,当然不止这一点工作要计算机来处理了(当工作量突破计算机的底线时,计算机也是会罢工的,当然正常情况下这是不肯能的事啦),优化代码,提高代码执行速度;那这个例子还该怎样优化呢?看下图:

技术分享

就是这样,利用冒泡的原理,让父级元素来监听事件,执行触发效果,啥是冒泡,可以百度、Google,当然可以等我下次有时间再讲

如有不对的地方,请多多指教!      ——秦风.无衣

事件委托

标签:alt   代码   工作   工程   png   监听   提高   log   ges   

原文地址:http://www.cnblogs.com/qinfeng-wuyi/p/6099488.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!