Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/477.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 CSS在圆外单击会导致事件_Javascript_Css - Fatal编程技术网

Javascript CSS在圆外单击会导致事件

Javascript CSS在圆外单击会导致事件,javascript,css,Javascript,Css,我用边界半径创建了一个圆。如果单击截止区域,事件仍会激发。我如何在本地防止这种情况?还是在JS中检查它的唯一解决方案?我试图重新创建您的案例,但效果很好。使用div+border radius进近和svg document.getElementById(“circle1”).onclick=function(){ 警报(“svg已单击”) } document.getElementById(“circle2”).onclick=function(){ 警报(“div单击”) } .circle

我用
边界半径创建了一个圆
。如果单击截止区域,事件仍会激发。我如何在本地防止这种情况?还是在JS中检查它的唯一解决方案?

我试图重新创建您的案例,但效果很好。使用
div
+
border radius
进近和
svg

document.getElementById(“circle1”).onclick=function(){
警报(“svg已单击”)
}
document.getElementById(“circle2”).onclick=function(){
警报(“div单击”)
}
.circle{
宽度:100px;
高度:100px;
边界半径:50%;
背景色:番茄;
}


单击事件处理程序的目标元素是什么?div?您可能正在收听剪辑的元素以外的其他内容的事件。添加一个代码示例?可能重复的I将添加
溢出:隐藏
,并查看事件是否仍然激发。将事件处理程序绑定到
正文
,并在处理程序内检查目标元素