美文网首页
JavaScript事件代理简述

JavaScript事件代理简述

作者: acsamson | 来源:发表于2019-05-26 20:22 被阅读0次

    事件代理是JavaScript常用的绑定事件技巧把原本要处理的事情委托给父元素

    利用的是DOM元素事件冒泡

    可以提高性能, 节省内存占用, 减少事件注册

    例如:

    例如有一千多个li元素要判断点击

    就应该把点击事件委托给父元素

    当点击到的时候再去判断具体的是点到哪个, 不然就很耗性能

    image

    当li被点击时,由于冒泡原理,事件就会冒泡到ul上,因为ul上有点击事件,所以事件就会触发,当然,这里当点击ul的时候,也是会触发的,

    Event对象提供了一个属性叫target,可以返回事件的目标节点,我们成为事件源通过target来判断点击到的是哪一个li

    image

    相关文章

      网友评论

          本文标题:JavaScript事件代理简述

          本文链接:https://www.haomeiwen.com/subject/vvwftctx.html