1、打开sublime text 3 编辑器,新建一个html文档。
设定一下HTML的基本架构。

2、<button id="button">点击一下</button>
创建一个按钮,用于捕获事件。


3、<script src="index.js"></script>
创建一个js文档,并且与HTML文档进行关联。

4、var button = document.getElementById("button");
button.addEventListener("click", function(){
alert( "你点我了" );
});
这里设置一个变量,然后加上事件的获取,点击一下,就会有弹窗。



5、button.addEventListener("click", function(event){
alert( "你点我了" );
event.stopImmediatePropagation();
}, True);
这里用stopImmediatePropagation可以阻止事件捕获,而且不会冒泡。


6、button.addEventListener("click", function(e){
alert( "你点我了" );
e.stopImmediatePropagation();
}, True);
这里函数里面的参数名字改了还是一样可以阻止事件的捕获。
