仅在父元素点击时触发事件,而不是在子元素点击时触发。

14 浏览
0 Comments

仅在父元素点击时触发事件,而不是在子元素点击时触发。

考虑以下代码示例:

  信息写在这里
//javascript
function something{
//做一些事情;}
//初始尝试
document.getElementById('parent').addEventListener('click',something);
//事件捕获
document.getElementById('parent').addEventListener('click',something,true);

当我点击父元素时,我希望它做一些事情,当我点击子元素时,我希望它什么都不做。问题是,当我点击子元素时,它触发了'something'。

我认为可能是事件冒泡的原因,即如果我点击子元素,事件会从子元素冒泡到父元素。所以我考虑了事件捕获,但这也导致了这个问题。

如何实现这一点的任何建议或建议将不胜感激。

0