儿童点击事件发射父母鼠标事件

Question

我有树结构，其中鼠标悬停在节点名称上显示（UL）列表。列表中的每个项目都附加了一个点击事件。 Im面临的问题是当我点击列表中的任何子项时，它会触发附加到父span的mouseover事件。你们能帮忙解决这个问题吗？

<span id="treeNodeText">
<ul><li id="firstItem">First Item</li></ul>
</span>

我的代码是这样的： 我有conman事件附加方法：

attachEvents(domId,eventType,callBackFunction,otherParams)

在attachEvent函数中，我将事件附加到dom id并分配适当的回调函数

Answer 1

{<1}}事件在您单击之前被触发。因此，除了延迟，你无法阻止它的处理。

这是解决这个问题的一种方法：

mouseover

Answer 2

在JavaScript中，事件冒泡了DOM。请详细了解：event order and propagation或preventDefault/stopPropagation。

简而言之，您可以通过

来防止事件冒泡

function callBackFunction(event){
  event.stopPropagation()
}

或

function callBackFunction(event){
  return false
}

return false也具有阻止默认行为的效果，因此它在技术上等同于：

function callBackFunction(event){
  event.stopPropagation()
  event.preventDefault()
}

Answer 3

function myfunction(e){
  e.stopPropagation()
 e.preventDefault()
}

这将有助于