您的位置：首页 > Web前端 > JavaScript

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

2016-05-27 11:20 531 查看
今天在跟着学习用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），运行绑定的方法。
（我觉得绑定的应该是方法吧，监听/发生的是事件，但是不知道为什么看的资料上面都是说绑定事件。）
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签：  JavaScript 五子棋
相关文章推荐
新的分享
章节导航