クリックタグボタンとして機能させたい上部の 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;
}
これについて何か光がありますか?
ありがとう!