删除元素上的触摸事件

Question

我在div #页面上有一个DIV #覆盖，但是在#页面DIV上有一个超滚动:一个元素上的auto。

当#叠加可见时，我如何禁用#页面上的所有触摸事件，然后在隐藏#覆盖时启用回置？

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

这是只为移动webkit。

Answer 1

CSS解决方案 div#page { pointer-events: none; }

jQuery解决方案

你的触摸活动-

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

当#叠加弹出时-

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

当#叠加关闭时-

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