禁用移动浏览器中特定元素的触摸和滚动

Question

我目前正在开发适合移动设备/平板电脑的布局，但遇到了有关触摸/滚动事件的问题。现在我有一个类似于 Facebook 的移动/平板电脑界面的滑动菜单，它从左侧滑出。

我想禁用任何触摸按键或在此菜单之外滚动，直到它关闭。现在我一直在移动/平板 Safari 中测试该网站，但我还需要它在 Android 中工作。

有什么简单的方法可以做到这一点——理想情况下在 body 元素上创建一个监听器，如果触摸/滚动不在滑动菜单中，它会忽略它？我正在使用 jQuery Mobile 库的触摸事件，那么 touchstart 可能在这种情况下工作吗？

Answer 1

最终找到了解决它的方法。使用了 touchstart 和 touchmove 事件并检查了 event.target 以查看我是否在菜单内，否则如果它不在菜单内，我将忽略任何操作。