JavaScript中使用stopPropagation函数停止事件传播例子
JS中的事件默认是冒泡方式，逐层往上传播，可以通过stopPropagation()函数停止事件在DOM层次中的传播。如以下例子：
HTML代码：
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>stopPropagation()使用 - 琼台博客</title> </head> <body> <button>button</button> </body> </html> [/code] 没有加stopPropagation() [code] var button = document.getElementsByTagName('button')[0]; button.onclick=function(event){ alert('button click'); }; document.body.onclick=function(event){ alert('body click'); }
DOM逐层往上传播，所以单击button按钮也传播到了body层，于是body层的click也响应了。结果弹出两个警告框，分别是button与body。
加了stopPropagation()
var button = document.getElementsByTagName('button')[0];
button.onclick=function(event){
alert('button click');
// 停止DOM事件层次传播
event.stopPropagation();
};
document.body.onclick=function(event){
alert('body click');
}
在button的单击事件处理函数中使用了stopPropagation()停止事件传播函数，所以在弹出来自button单击事件的警告框以后就传播不到body，也就不会再次弹出body的警告框，结果只谈一次警告框。
好多童鞋在写JS的时候，往往忽视了DOM事件逐层往上传播的特性，导致程序出现异常。如果需要了解更深入的知识可以找找有关JS事件冒泡的资料看看。
-
我正在尝试处理用户的Backspace按键。我有2个处理程序绑定到一个输入元素。由于无法在onChange事件处理程序中检测按键，因此我必须在onKeyDown中进行。我想在按下backspace时停止onChange事件的传播（并在onKeyDown事件处理程序中处理）。有什么想法如何实现这一点？谢谢！
-
问题内容： 考虑以下： 如何做到这一点，以便当用户单击范围时不会触发的click事件？ 问题答案： 使用event.stopPropagation（）。 对于IE：
-
我试图在JavaFX中重现一个JavaScript游戏的一些行为。该程序有几个数字文本字段，可以在游戏运行时进行编辑。它在运行时也接受字母键盘命令。 macOS、Java17、JavaFX17。
-
问题内容： 考虑以下： 如何做到这一点，以便当用户单击范围时不会触发的click事件？ 问题答案： 使用event.stopPropagation（）。 对于IE：
-
函数名称：停止播放音频 函数功能： 停止播放音频 函数方法 media.stop() 返回值 类型 说明 flag boolean true - 正在播放音频，false - 未播放 函数用例 media.playAudio("/sdcard/TouchSprite/res/1.mp3") mSleep(2000) media.stop() flag = media.isPlaying() if
-
我有一个点击事件表行，在这一行也有一个删除按钮点击事件。当我单击删除按钮时，行上的单击事件也会被触发。 这是我的代码。 当我单击表格单元格中的删除按钮时，如何防止触发事件？