Question

let box = document.getElementById("box");
box.addEventListener("mouseenter", mouseFunc);

function mouseFunc(e) {
  console.log("event " + e.type);
}

Answer 1

您如何运行脚本，是否将事件监听器添加到$(document).ready()或其他方式？另外，您的box元素的html是什么样的？

我刚刚按照您发布的代码测试了您的代码，对我来说很好。

let box = document.getElementById("box");

box.addEventListener("mouseenter", mouseFunc);

function mouseFunc(e) {
  console.log("event " + e.type);
}

<div id="box">
 test box
</div>

我怀疑您可能使用box作为类而不是ID，在这种情况下，您需要getElementsByClassName，然后需要为每个元素添加事件监听器

let box = document.getElementsByClassName("box");

for (var i = 0; i < box.length; i++) {
    box[i].addEventListener("mouseenter", mouseFunc);
};

mouseenter，mouseover或任何鼠标事件对我的脚本不起作用？

1 个答案: