DIV не получает события мыши

Question

У меня есть невидимый div, который на верхнем z-index, который я хочу действовать как кнопка 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:

т.е.

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