javascript - Windows モバイルで絶対 DIV をクリックして、基になる要素をクリックします。

Question

絶対位置の幅、高さ、幅が 100% のオーバーレイ DIV があります。しかし、オーバーレイ DIV をクリックすると、オーバーレイ DIV の基になる要素でクリックが発生します。オーバーレイ DIV スタイルは以下のようなものです

 .overlayDIV{
     absolute : absolute;
     height : 100%;
     width : 100%;  
     z-index : 1234;       
 }

どうしたら防げますか...？この問題は Windows モバイルにのみ存在します

score 4 · Accepted Answer

イベントの伝播を停止できます。

JavaScript：

document.getElementById('divId').onclick = function (event) {
    event.preventDefault();
    event.stopPropagation();
}

jQuery：

$('#divId').click(function (event) {
    event.preventDefault();
    event.stopPropagation();
});

また、ページの下のマウスダウンにいくつかのハンドラーがある場合は、オーバーレイdivからマウスダウンをキャンセルする必要があります（同じコードですが、マウスダウンハンドラー用です）。

2 に答える 2