onMouseEnter事件不起作用。当鼠标指针被滚动到div主体时
onMouseEnter事件不起作用。当鼠标指针被滚动到div主体时
提问于 2022-08-10 09:50:37
尝试这是JavaScript，创建div并在该div上添加onmouseenter事件，当您将鼠标光标移动到div时，将按预期的方式调用该事件。但是，只有当您将光标移动到div主体上时，才会调用此事件，而不是当您滚动到div主体时，向下滚动到页面中，并将鼠标光标放置在div应该在的位置，现在没有将光标向上滚动，光标最终将在div主体上结束，但在本例中，onmouseenter事件不会被调用。
document.querySelector('div').onmouseenter = () => {
console.log('hereInDivBody')
}我怎么才能解决这个问题？
Stack Overflow用户
发布于 2022-08-10 10:51:40
首先，事件名为mouseenter或mouseover，而不是onmouseenter (作为属性存在)。在JS中，首先需要添加一个“`eventListener”来侦听该事件：
document.querySelector('div').addEventListener('mouseenter', function() {
console.log('hereInDivBody');
})div {
height: 50vh;
border: 2px dashed red;
}<div></div>
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/73304151
复制相关文章
相似问题
腾讯云开发者
