• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    迪恩网络公众号

iphone - 用于停止页面运动的 iOS Safari 标志?

[复制链接]
菜鸟教程小白 发表于 2022-12-11 20:27:08 | 显示全部楼层 |阅读模式 打印 上一主题 下一主题

我很好奇是否有人找到解决方案,当用户在页面上拖动手指时禁用默认的 Spring 加载 iOS 页面移动。对于完全可见的页面(即无需滚动),页面会移动并弹回原位。

我发现禁用“touchstart”可以有效地解决这个问题,但它会破坏所有点击事件!?!例如:

document.addEventListener('touchstart', function(e) {
    e.preventDefault();
}, false);

我尝试了其他触摸/鼠标事件,但没有运气。我猜有人知道可以禁用此功能的 secret webkit CSS 或 JavaScript 属性。

编辑: 作为我正在寻找的示例,这里是通过 CSS 禁用其他默认 iOS Webkit 行为的类似答案。不幸的是,这些似乎不适用于我的问题:

Prevent default Press but not default Drag in iOS MobileSafari?



Best Answer-推荐答案


我本可以发誓我尝试过这个,但似乎“touchmove”可以解决问题?

document.addEventListener('touchmove', function(e) {
    e.preventDefault();
}, false);

更新:经过更多测试,是的,这确实可以解决问题。似乎永远不应该在“touchstart”上使用 e.preventDefault(),因为这也会阻止所有其他鼠标事件。

关于iphone - 用于停止页面运动的 iOS Safari 标志?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8014613/

回复

使用道具 举报

懒得打字嘛,点击右侧快捷回复 【右侧内容,后台自定义】
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

关注0

粉丝2

帖子830918

发布主题
阅读排行 更多
广告位

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap