ios safari处理偶尔点击事件没有触发的情况(有用),附上禁止放大

本文探讨了解决苹果用户多次点击问题的方法,通过touchend事件实现流畅操作,并揭示ios10以上双指放大的常见问题及解决方案。此外,还分享了防止双击放大的JavaScript代码实例。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

苹果用户经常反馈 我经常要点击好几次才进去
不管是使用 @tap @click都不行
什么样式上 加 cursor pointer 什么委托都试了试都不行

最后试了试 touch事件 才发现可以解决我的问题。难受

最好在移动端还是使用touch事件比较好
@touchend 我就是用的这个事件处理好了

最后附上一个 也是经常碰见的坑就是 ios10以上双手和双击还是可以放大的问题
万能的网友

<script>
  window.onload = function () {
    // 阻止双击放大
    var lastTouchEnd = 0;
    document.addEventListener('touchstart', function (event) {
      if (event.touches.length > 1) {
        event.preventDefault();
      }
    });
    document.addEventListener('touchend', function (event) {
      var now = (new Date()).getTime();
      if (now - lastTouchEnd <= 300) {
        event.preventDefault();
      }
      lastTouchEnd = now;
    }, false);

    // 阻止双指放大
    document.addEventListener('gesturestart', function (event) {
      event.preventDefault();
    });
  }
</script>

关注我 持续更新前端知识。最近身体有点不舒服。可能以后不怎么会更新博客哎。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

yunchong_zhao

帮到你了,请作者喝杯矿泉水可好

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值