javascript - DIV 获取不到鼠标事件

Question

我在 z-index 顶部有一个不可见的 div，我想将其用作点击标签按钮。但它没有得到任何我试图与之关联的鼠标事件。它也不显示用 css 指定的指针。

这是示例:http://www.miguelrivero.net/test/MS-20_mini/index.html

如您所见，我正在使用这个简单的代码(只关注 console.log):

function bgExitHandler(e) {
    Enabler.exit("Background Exit");
    console.log("click");
}

function onMouseHandler(e) {
    console.log("click");
}

document.getElementById("bg-exit").addEventListener("click", bgExitHandler, false);
document.getElementById("bg-exit").addEventListener("onmouseover", onMouseHandler, false);

这是CSS:

#bg-exit {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    cursor: pointer;
    opacity: 0;
}

请问有什么问题吗？

谢谢!

Answer 1

如果您正在使用 addEventListener，事件的名称只是 mouseover，而不是 onmouseover:

即

document.getElementById("bg-exit").addEventListener("mouseover", onMouseHandler, false);