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

时间:2013-01-20 03:24:24

标签: jquery-mobile mobile-safari

我正在制作一个移动/平板电脑友好的布局,我遇到了关于触摸/滚动事件的问题。现在,我有一个类似于Facebook移动/平板电脑界面的滑动菜单,从左侧滑出。

我要禁用任何触摸按钮或在此菜单外滚动直到它关闭。现在我一直在移动/平板电脑Safari中测试该网站,但我也需要在Android中使用它。

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

1 个答案:

答案 0 :(得分:0)

结束找出解决问题的方法。使用touchstart和touchmove事件并检查event.target以查看我是否在菜单中,否则我忽略了任何操作,如果它在它之外。