javascript - DIV 没有得到鼠标事件

Question

我在 z-index 顶部有一个不可见的 div，我想将其用作 clicktag 按钮。但它没有得到我尝试与之关联的任何鼠标事件。它也不显示用 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：

IE

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