学习过程中对遇到的js 事件集中处理的个人白话总结

今天在跟着学习用js写五子棋,画棋子的部分用的是事件委托的方法。事件委托在我的理解中就是 js事件冒泡 的集中处理用法。
这个用法就是利用js默认采取事件冒泡的方式执行事件而不是事件捕获。
当事件冒泡方式 执行的时候,可以通过 event.srcElement 或者 event.target 来传递当前的点击对象。到其父级标签的绑定事件执行。
example:

<html>
<body>
  <div class="level1">
    <div class="level2">
      <div class="level3">
      </div>
      <div class="level3">
      </div>
      <div class="level3">
      </div>
    </div>
  </div>
</body>
</html>




事件绑定在level2.当点击level3 的时候,因为level3 未绑定事件,程序会向上执行(冒泡),直到level2 有绑定方法。因为 level2 有不止一个子元素level3 所以可以用此原理 将需要绑定在level3的事件绑定到level2上,这样只要绑定一个元素,就可以当 所有的这个元素的子元素有事件发生的时候(如click),运行绑定的方法。
(我觉得绑定的应该是方法吧,监听/发生的是事件,但是不知道为什么看的资料上面都是说绑定事件。)
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值