stopImmediatePropagation() 事件方法
JavaScript基础 2022-06-08 12:06:55小码哥的IT人生shichen
stopImmediatePropagation() 事件方法
实例
单击按钮时，执行第一个事件处理程序，并停止执行其余的事件处理程序：
var x = document.getElementById("myBtn");
x.addEventListener("click", myFunction);
x.addEventListener("click", someOtherFunction);
function myFunction(event) {
alert ("Hello World!");
event.stopImmediatePropagation();
}
// 这个函数不会被执行
function someOtherFunction() {
alert ("I will not get to say Hello World");
}
完整实例：
<!DOCTYPE html>
<html>
<body>
<p>本例使用 addEventListener() 方法将两个 click 事件添加到同一个按钮。但是，stopImmediatePropagation() 方法<b>停止了</b>第二个事件处理程序的执行。</p>
<p><b>注释：</b>IE8 及更早版本不支持 stopImmediatePropagation() 方法。</p>
<button id="myBtn">试一试</button>
<script>
function myFunction(event) {
alert ("Hello World!");
event.stopImmediatePropagation(); // Try to remove me
}
function someOtherFunction() {
alert ("I will not get to say Hello World");
}
var x = document.getElementById("myBtn");
x.addEventListener("click", myFunction);
x.addEventListener("click", someOtherFunction);
</script>
</body>
</html>
可以使用本站在线JavaScript测试工具测试上述代码运行效果：http://www.phpcodeweb.com/runjs.html
定义和用法
stopImmediatePropagation() 方法可防止调用同一事件的其他侦听器。
浏览器支持
表格中的数字注明了完全支持该方法的首个浏览器版本。
| 方法 | Chrome | IE | Firefox | Safari | Opera |
|---|---|---|---|---|---|
| stopImmediatePropagation() | 支持 | 9.0 | 支持 | 支持 | 支持 |
语法
event.stopImmediatePropagation()
参数
无
技术细节
| 返回值： | 无返回值 |
|---|---|
| DOM 版本： | DOM Level 3 Events |
