Mobile Safari 触摸事件捕获问题
我有一个在 iPad 上的 Safari 上运行的移动网络应用程序。
看起来，即使网页的尺寸适合屏幕，拖动页面仍然会使其滚动部分屏幕。
我的计划是防止任何未处理的触摸事件执行任何操作：
document.addEventHandler('touchstart', do_nothing, false);
function do_nothing(event) {
event.preventDefault();
}
请注意最后的 false 参数 - 这应该告诉处理程序仅在事件冒泡模式下工作，而不是在捕获模式下工作。特定元素上的触摸事件仍应按预期触发。
这确实阻止了滚动。但是，它也会阻止任何点击事件到达页面。任何人都可以提出一种解决方案来阻止默认页面滚动操作而不阻止点击吗？
I have a mobile web-app running on Safari on an iPad.
It seems that even though the web page is the right size for the screen, dragging the page still makes it scroll partially of screen.
My plan had been to prevent any otherwise unhandled touch event from doing anything:
document.addEventHandler('touchstart', do_nothing, false);
function do_nothing(event) {
event.preventDefault();
}
Note the final false parameter - this is supposed to tell the handler to only work in event bubbling mode, not capture mode. A touch event on a specific element should still fire as expected.
This does prevent the scrolling. However it also prevents any click events from reaching the page. Can anyone propose a solution that blocks the default page scroll action without also blocking clicks?
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（1）
解决方案似乎是在
touchmove上注册 null 处理程序，而不是在touchstart事件上注册。The solution appears to be to register the null handler on the
touchmoveinstead of thetouchstartevent.