要素のタッチイベントを削除する

Question

DIV＃オーバーレイをDIV #pageに置いていますが、#page divにはオーバースキャンがあります。

#overlayが表示されているときに#pageですべてのタッチイベントを無効にしてから、#overlayが非表示になってから再度有効にするにはどうすればよいですか？

<div id="page">touchable content here</div> 
<div id="overlay">sits on top of #page DIV</div> 

これはモバイルウェブキット専用です。

Answer 1

CSSソリューションdiv#page { pointer-events: none; }

---

jQueryのソリューション

あなたのタッチイベント -

$('#page').click(function() { 
    if($(this).hasClass('blockEvent')) return false; 
    //do something... 
}); 

#overlayがポップアップ表示 -

#overlayが閉じたとき

-

// close #overlay 
$('#page').removeClass('blockEvent');