JS中事件委托

辰辰北

于 2021-12-24 20:15:32 发布

阅读量292

点赞数

分类专栏： JavaScript 文章标签： javascript 前端开发语言

本文链接：https://blog.csdn.net/weixin_42943920/article/details/122131412

版权

JavaScript 专栏收录该内容

77 篇文章 1 订阅

订阅专栏

事件委托

利用事件的冒泡传播，将绑定在子元素身上的事件处理，绑定在父元素身上

<body>
    <div id="out">
      <div id="inner"></div>
    </div>
  </div>
  <script>
    window.onload = function() {
      // 事件委托：利用事件的冒泡传播，将绑定在子元素身上的事件处理，绑定在父元素身上
      /*
      */ 
      var out = document.getElementById('out')
      var inner = document.getElementById('inner')
      out.onclick = (e) => {
        e = e || window.event
        if(e.target === inner) {
          console.log('inner');
          e.target.innerText = '子元素inner委托父元素out执行点击触发函数'
        }
      }
    }
  </script>
</body>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

辰辰北

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JS中事件委托

事件委托利用事件的冒泡传播，将绑定在子元素身上的事件处理，绑定在父元素身上<body> <div id="out"> <div id="inner"></div> </div> </div> <script> window.onload = function() { // 事件委托：利用事件的冒泡传播，将绑定在子元素身上的事件处理，绑定在父元素身上 /*
复制链接

扫一扫