удалить событие касания на элементе

Question

У меня есть DIV #overlay, сидящий над DIV #page, но на #page div, the the overscroll: auto на элементе.

Как отключить все события прикосновения на # странице, когда #overlay видна, а затем включить обратно один раз #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 выскакивает -

// display #overlay 
$('#page').addClass('blockEvent'); 

когда #overlay закрыт -

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