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

JavaScript事件代理简述

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

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

利用的是DOM元素事件冒泡

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

例如:

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

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

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

image

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

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

image

相关文章

  • JavaScript事件代理简述

    事件代理是JavaScript常用的绑定事件技巧把原本要处理的事情委托给父元素 利用的是DOM元素事件冒泡 可以提...

  • 事件代理简述

    事件概述 在 JS 程序设计中,当文档、浏览器、元素与之相关的对象发生交互活动时,Web 浏览器就会产生事件事件类...

  • 概念

    事件委托,事件代理 事件代理又称之为事件委托。是JavaScript中常用绑定事件的常用技巧。顾名思义,“事件代理...

  • 简述事件委托(事件代理)

    事件委托就是利用事件冒泡,只指定一个事件处理程序,就可以管理某一类型的所有事件。 举个生活中的例子,中午出去买饭,...

  • DomEvent

    [TOC] DomEvent 第一章:了解事件 1.1 事件简述 ​ JavaScript和HTML...

  • 使用原生JS 实现事件委托

    JavaScript事件代理 事件绑定 要想让 JavaScript 对用户的操作作出响应,首先要对 DOM 元素...

  • JavaScript事件代理

    事件代理用到了两个在JavaScript事件中常被忽略的特性:事件冒泡和目标元素。 事件冒泡: 当一个元素上...

  • js事件深入学习

    JavaScript的事件机制包含,事件绑定、事件监听、事件委托(事件代理)等 js中的事件流 ① .冒泡:当下级...

  • 事件代理

    javascript和jQuery的事件代理不同写法 首先思考一下:为什么我们要用到事件代理??? 举个栗子父元素...

  • 使用事件代理来优化dom事件的绑定

    事件代理(Event Delegation),又称之为事件委托。是 JavaScript 中常用绑定事件的常用技巧...

网友评论

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

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