多语言展示
当前在线:1207今日阅读:27今日分享:41

阻止事件捕获的方法

阻止事件捕获的方法。捕获事件是javascript里面一个很常见的方法,然后阻止事件捕获则是另外的方法了,这里教大家如何阻止捕获并且阻止事件的冒泡。
工具/原料
1

sublime text 3 编辑器

2

Chrome浏览器

方法/步骤
1

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

2

创建一个按钮,用于捕获事件。

3

创建一个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);这里函数里面的参数名字改了还是一样可以阻止事件的捕获。

注意事项

注意区分阻止事件和捕获事件

推荐信息