事件委托

最新推荐文章于 2025-04-01 00:00:58 发布

原创最新推荐文章于 2025-04-01 00:00:58 发布 · 235 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#函数 #事件委托

笔记分享专栏收录该内容

18 篇文章

订阅专栏

事件委托对于在这样的情况下，及其方便：
假设：一个父亲有多个不同的孩子，并且这些孩子相互之间所做的事件互不影响。，最简单的方法就是使用事件委托。这么说大家可能还不太明白。
看下面的例子：
结构部分

<div class="box">
            <h1>1</h1>
            <div>2</div>
            <p>3</p>
            <i>4</i>
            <center>5</center>
</div>

js和jquery都可以用，思想相同

<script type="text/javascript">
            $(".box").click(function(ev){
                $target=ev.target;
                console.log($target);
                console.log($target.nodeName);
                console.log($target.innerHTML);
            })
</script>

既可以弹出标签名。又可以弹出内容,所以接下来怎么操作里面的内容，就十分的方便了