1 
<!DOCTYPE HTML>
<html>
<body>
<style type="text/css">
#a {background-color:blue;width:100px;height:200px;}
#b {background-color:red;margin-left:25px;width:50px;height:100px;}
</style> 
<div id="a">a
    <div id="b">b</div> 
</div>
<script>
document.getElementById("a").onclick = function() {console.log("A is clicked");} 
document.getElementById("b").onclick = function(event) {console.log("B is clicked");} 
document.onclick = function() {console.log("Document is clicked");} 
</script>
</body>
</html>

上面的代码是事件冒泡的演示。

问题：

1.我知道冒泡和捕获是两个相反的阶段。我可以这样理解吗？事件的性质是冒泡的。

2.我在网上没有看到太多捕获示例，所以如果我想将上面的代码更改为事件捕获，如何更改？

4

1 回答 1

0

要添加捕获，您需要使用addEventListener添加处理程序

注意：IE9以下不支持

前任：

document.getElementById("a").addEventListener('click', function(){}, true)

演示：小提琴

于 2013-06-27T11:47:53.120 回答