美文网首页
js事件委托

js事件委托

作者: 小蜗牛的碎碎步 | 来源:发表于2019-11-07 15:05 被阅读0次
概念

利用事件冒泡,只指定一个事件处理程序就可以管理某一类型的所有事件,比如我们可以给一个ul添加点击事件,而没有必要给每一个li都添加事件。

native api(原生)方式

html

<ul id="lists">
    <li>1</li>
    <li>2</li>
    <li>3</li>
    <li>4</li>
</ul>

js

var list = document.getElementById("lists");
        list.addEventListener("click",function(){
            if(event.target.nodeName == "LI"){
                console.log(event.target.innerText);//1,2,3,4
            }
        })
jquery方式
 $("#lists").on("click","li",function(){
            console.log(event.target)
        })

相关文章

  • 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/tvmmbctx.html