javascript - 禁用父元素的onclick事件

Question

假设我有一个带有onclick事件的元素，并且其中有另一个元素，如何禁用子元素的onclick？

例:<h3 onclick="do something"><input type="checkbox" name="child" /> text</h3>
选中该复选框时，不应触发onclick事件。

谢谢。

Answer 1

您的处理程序(h3标签的“do something”部分)可以检查原始元素的tagName:

var origin = event.srcElement || event.target;
if (origin.tagName && origin.tagName.match(/h3/i)){
  // do things
} else {return true;}

现在，对于复选框，单击处理程序已触发，但是什么也不会发生。或者，您可以为h3-tag提供唯一的ID，然后检查被单击元素的ID。