为什么不直接检查点击了哪个元素呢?如果你点击某个东西，window.event.target被赋值给被点击的元素，被点击的元素也可以作为参数传递。

如果目标和元素不相等，则是向上传播的事件。

function myfunc(el){
  if (window.event.target === el){
      // perform action
  }
}
<div onclick="myfunc(this)" />

ASP。NET网页(不是MVC)，你可以使用Sys.UI.DomEvent对象作为本机事件的包装器。

<div onclick="event.stopPropagation();" ...

或者，将event作为参数传递给内部函数:

<div onclick="someFunction(event);" ...

在someFunction中:

function someFunction(event){
    event.stopPropagation(); // here Sys.UI.DomEvent.stopPropagation() method is used
    // other onclick logic
}

我也有同样的问题- IE中的js错误框-据我所见，这在所有浏览器中都很好(事件。cancelBubble=true在IE中工作)

onClick="if(event.stopPropagation){event.stopPropagation();}event.cancelBubble=true;"

为什么不直接检查点击了哪个元素呢?如果你点击某个东西，window.event.target被赋值给被点击的元素，被点击的元素也可以作为参数传递。

如果目标和元素不相等，则是向上传播的事件。

function myfunc(el){
  if (window.event.target === el){
      // perform action
  }
}
<div onclick="myfunc(this)" />

记住那个窗口。事件在FireFox中不受支持，因此它必须是沿着以下路线的东西:

e.cancelBubble = true

或者，你可以使用FireFox的W3C标准:

e.stopPropagation();

如果你想变得更花哨，你可以这样做:

function myEventHandler(e)
{
    if (!e)
      e = window.event;

    //IE9 & Other Browsers
    if (e.stopPropagation) {
      e.stopPropagation();
    }
    //IE8 and Lower
    else {
      e.cancelBubble = true;
    }
}

这对我很有效

<script>
function cancelBubble(e) {
 var evt = e ? e:window.event;
 if (evt.stopPropagation)    evt.stopPropagation();
 if (evt.cancelBubble!=null) evt.cancelBubble = true;
}
</script>

<div onclick="alert('Click!')">
  <div onclick="cancelBubble(event)">Something inside the other div</div>
</div>