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将添加溢出:隐藏
,并查看事件是否仍然激发。将事件处理程序绑定到正文
,并在处理程序内检查目标元素