禁止IOS系统中的H5页面长按a标签时的弹框

使用场景

<a href="javascript:void(0)" >Link</a>

网页开发过程中,经常使用这种方式来阻止a标签链接的跳转行为,
但是在IOS系统里,长按a标签后会弹出提示框“javascript”。

此时给a标签加上css即可解决

-webkit-touch-callout:none;

-webkit-touch-callout

此功能是非标准的,不是任何规范的一部分。

-webkit-touch-callout CSS属性控制了那些当你点击并按住触摸目标显示的默认标注的显示。

当在iPhone OS上触摸并保持目标时,Safari会显示有关链接的标注信息。该属性允许禁用该行为。

Apple 在Safari CSS Reference中有说明。

相关阅读:

https://www.jianshu.com/p/b0a…

https://cloud.tencent.com/dev…

https://developer.apple.com/l…

    原文作者:OceanZH
    原文地址: https://segmentfault.com/a/1190000020045379
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞