javascript-删除元素上的touch事件

我在DIV #page上有一个DIV #overlay,但是在#page div上有一个过度滚动：在元素上自动显示.

当#overlay可见时,如何禁用#page上的所有触摸事件,然后在#overlay隐藏后重新启用？

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

这仅适用于移动Webkit.

解决方法:

CSS解决方案div#page {指针事件：无； }

jQuery解决方案
您的触摸事件-

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

当#overlay弹出时-

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

#overlay关闭时-

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

标签：webkit,mobile-safari,touch-event,javascript,jquery
来源： https://codeday.me/bug/20191201/2083910.html