事件委托（代理/委派）

事件委托也叫事件代理，jQuery中叫事件委派

事件委托就是不给每个子元素设置事件侦听器，而是给其父元素设置事件侦听器，然后利用冒泡阶段的原理影响每个子节点

给ul绑定注册事件，点击 li 标签后会冒泡，冒泡到其父元素 ul 身上，因为 ul 注册了事件，就会触发事件侦听器弹出提示框

 <ul><li>1</li><li>2</li><li>3</li></ul>
<script>var ul=document.querySelector('ul');ul.addEventListener('click',function(e){alert('我是一个li标签')})
</script>

事件委托的好处在于只访问了一次 DOM，减少了页面交互就绪时间

事件委托（代理/委派）相关推荐

JS中的事件委托 / 代理详解
[前言] 事件委托/代理是前端面试的经典题型,要去找工作的小伙伴看看还是有帮助的 [主体] 概述: 那什么叫事件委托呢?它还有一个名字叫事件代理,JavaScript高级程序设计上讲:事件委托就是利用 ...
事件委托(代理，委派)
事件委托也称为事件代理,在jQuery里称为事件委派. 原理:不是每个子事件都单独设置事件监听器,而是事件监听器设置在其父节点上,然后利用冒泡原理影响设置每个子节点. 案例:给ul注册点击事件,然后利 ...
JS事件委托的概念和作用
一.写在前头接到某厂电话问什么是事件代理的时候,一开始说addEventListener,然后他说直接绑定新的元素不会报dom不存在的错误吗?然后我就混乱了,我印象中这个方法是可以绑定新节点的.后面 ...
web api、获取DOM元素的方式、事件理解、click事件在移动端300ms延时、事件对象、事件委托、常见事件类型
web api: API(Application Programming Interface,应用程序编程接口)是一些预先定义的函数,目的是提供应用程序与开发人员基于某软件或硬件得以访问一组例程的能力 ...
js中的事件委托或是事件代理详解(转载)
起因: 1.这是前端面试的经典题型,要去找工作的小伙伴看看还是有帮助的: 2.其实我一直都没弄明白,写这个一是为了备忘,二是给其他的知其然不知其所以然的小伙伴们以参考: 概述: 那什么叫事件委托呢?它 ...
JS事件委托或者事件代理原理以及实现
事件委托(事件代理)原理:简单的说就是将事件交由别人来执行,就是将子元素的事件通过冒泡的形式交由父元素来执行. 为什么要用时间委托? 在JavaScript中,添加到页面上的事件处理程序数量将直接关系 ...
在C#中使用代理的方式触发事件 (委托和事件 ) （转）
From: http://www.cnblogs.com/gzhnan/articles/1859477.html 在C#中使用代理的方式触发事件 (委托和事件 ) 事件(event)是一个非常重要 ...
js事件委托或事件代理
起因: 1.这是前端面试的经典题型,要去找工作的小伙伴看看还是有帮助的: 2.其实我一直都没弄明白,写这个一是为了备忘,二是给其他的知其然不知其所以然的小伙伴们以参考: 概述: 那什么叫事件委托呢?它 ...
JS中的事件委托/事件代理详解
起因: 1.这是前端面试的经典题型,要去找工作的小伙伴看看还是有帮助的: 2.其实我一直都没弄明白,写这个一是为了备忘,二是给其他的知其然不知其所以然的小伙伴们以参考: 概述: 那什么叫事件委托呢?它 ...

事件委托（代理/委派）

事件委托（代理/委派）相关推荐

最新文章

热门文章