美文网首页
js事件委托

js事件委托

作者: redpeanuts | 来源:发表于2020-04-01 17:47 被阅读0次

DOM事件流:捕获=====》到达目标====》冒泡

eventflow.png

将绑定在内部元素的事件,改为绑定到外层容器,当点击内部元素时由于事件冒泡,会触发该外容器的click事件

container click事件

item name="xxo"

item name="oxx"

item name="xox"

item name="xxoo"

item name="xoox"

item name="xoxo"

例如上,点击item会触发container的click事件,此时

event.curentTarget=container    //绑定事件的元素
event.target=item              //触发事件的元素

利用

event.target.getAttribute('name') //获取元素属性

即可判断当前item并处理其逻辑,不必在每个item上都绑定click事件

相关文章

  • web前端面试题@六(事件委托)

    *说到事件委托,我们首先先要知道什么是事件委托—— · 那么什么是事件委托呢??? JS里的事件委托就是当事件...

  • JS写事件代理

    js中的事件委托或是事件代理详解

  • 事件委托

    事件委托 事件委托其实就是利用JS事件冒泡机制把原本需要绑定在子元素的响应事件(click、keydown……)委...

  • js事件委托

    通过构建父元素和子元素,来控制事件。 先通过html构建父元素div,并嵌套一个子元素div,写入不同的方法,设置...

  • js事件委托

    事件委托:1、缘由在做一个项目,点击按钮出现蒙版,但是触发蒙版关闭蒙版,但是给蒙版添加点击事件的话,蒙版上的按钮也...

  • js事件委托

    我们收取快递有两种方法:一是在特定的地点等快递的到来,二是委托人代收。现实当中,我们大都采用委托的方案。而委托人接...

  • JS事件委托

    一、事件委托有三种方法 点击 btn.onclick = function(){...} btn.addEvent...

  • js事件委托

    前言 事件委托,也叫事件代理,是js事件中的一种常用技巧。事件委托的原理就是利用冒泡事件的机制,为一些节点的祖先节...

  • js事件委托

    定义:通俗的讲,事件就是onclick,onmouseover,onmouseout等就是事件,委托呢,就是让别人...

  • JS事件委托

    事件委托从字面意思上理解就是把事件委托给别人做。这样有什么好处呢?设想一下,一个ul里有很多li,现在要给每一个l...

网友评论

      本文标题:js事件委托

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