Question

此代码将mouseover eventListener添加到元素的父级：

const el = this.$refs.tooltip
el.parentElement.addEventListener('mouseover', () => {
  el.style.display = 'block'
  setTimeout(() => {
    el.style.display = 'none'
  }, 500)
})

但是，即使光标停留在父级上，工具提示也会消失。

如何保持工具提示显示，只有当光标离开元素的父级时才会消失？

Answer 1

var parent = el.parentElement;
parent.addEventListener("mouseover",() => {el.style.display = 'block'});
parent.addEventListener("mouseout",() => {el.style.display = 'none'});

//处理父dom结构，因为mouseout将从任何子节点开始

//照顾（）=＆gt; {... this ...}语法因为不会绑定这个＆＃39;函数（ev）{... this ...}的父母是

如何保持鼠标悬停触发并仅在光标离开元素时停止操作？

1 个答案: