根据本页，在IE中你需要:

事件。cancelBubble = true

使用单独的处理程序，比如:

function myOnClickHandler(th){
//say let t=$(th)
}

在HTML中这样做:

<...onclick="myOnClickHandler(this); event.stopPropagation();"...>

甚至:

function myOnClickHandler(e){
  e.stopPropagation();
}

for:

<...onclick="myOnClickHandler(event)"...>

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

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

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

最好的解决方案是通过javascript函数处理事件，但为了使用一个简单而快速的解决方案，直接使用html元素，一旦“事件”和“窗口。(https://developer.mozilla.org/en-US/docs/Web/API/Window/event)，我建议使用以下“硬代码”:

<div onclick="alert('blablabla'); (arguments[0] ? arguments[0].stopPropagation() : false);">...</div>

这也可以工作-在链接HTML使用onclick返回像这样:

<a href="mypage.html" onclick="return confirmClick();">Delete</a>

然后，comfirmClick()函数应该像这样:

function confirmClick() {
    if(confirm("Do you really want to delete this task?")) {
        return true;
    } else {
        return false;
    }
};

从函数内部获取事件对象有两种方法:

第一个参数，在w3c兼容的浏览器中(Chrome、Firefox、Safari、IE9+) 窗外。Internet Explorer中的事件对象(<=8)

如果你需要支持不符合W3C推荐标准的旧浏览器，一般在函数中你会使用如下代码:

function(e) {
  var event = e || window.event;
  [...];
}

这将检查第一个，然后是另一个，并存储在事件变量中找到的任何一个。然而，在内联事件处理程序中，没有e对象可以使用。在这种情况下，你必须利用arguments集合，它总是可用的，并引用传递给函数的完整参数集:

onclick="var event = arguments[0] || window.event; [...]"

但是，一般来说，如果需要处理像停止传播这样复杂的事情，就应该避免使用内联事件处理程序。从中期和长期来看，单独编写事件处理程序并将它们附加到元素上是一个更好的想法，这对可读性和可维护性都有好处。