使用event.stopPropagation()。

<span onclick="event.stopPropagation(); alert('you clicked inside the header');">something inside the header</span>

对于IE: window.event.cancelBubble = true

<span onclick="window.event.cancelBubble = true; alert('you clicked inside the header');">something inside the header</span>

为什么不直接检查点击了哪个元素呢?如果你点击某个东西，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>

使用event.stopPropagation()。

<span onclick="event.stopPropagation(); alert('you clicked inside the header');">something inside the header</span>

对于IE: window.event.cancelBubble = true

<span onclick="window.event.cancelBubble = true; alert('you clicked inside the header');">something inside the header</span>

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

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

在HTML中这样做:

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

甚至:

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

for:

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

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

事件。cancelBubble = true