Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/33.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 单击按钮时如何忽略div click?_Javascript_Css - Fatal编程技术网

Javascript 单击按钮时如何忽略div click?

Javascript 单击按钮时如何忽略div click?,javascript,css,Javascript,Css,如果他们单击我希望bar()启动的按钮,如果他们单击div中除我希望foo()启动的按钮之外的任何其他位置。但目前发生的情况是,如果我点击按钮,两个事件都会触发 谢谢您应该使用event.stopPropagation()停止向包含的父级div冒泡事件 功能栏(事件){ event.stopPropagation(); 警报('单击按钮') } 功能foo(事件){ 警报('已单击div') } 使用stopPropagation()事件方法可以解决您的问题。访问链接。在这里,您将找到解决方

如果他们单击我希望bar()启动的按钮,如果他们单击div中除我希望foo()启动的按钮之外的任何其他位置。但目前发生的情况是,如果我点击按钮,两个事件都会触发


谢谢

您应该使用
event.stopPropagation()
停止向包含的父级
div
冒泡事件

功能栏(事件){
event.stopPropagation();
警报('单击按钮')
}
功能foo(事件){
警报('已单击div')
}


使用stopPropagation()事件方法可以解决您的问题。访问链接。在这里,您将找到解决方案和简单的解释。您建议在网站中使用示例。

请使用preventDefault();jquery函数是否回答了您的问题?还有:谷歌搜索的前三个结果。
<div onclick="foo()">
    <button onlick="bar()"/>
</div>