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

使用场景

Link

网页开发过程中,经常使用这种方式来阻止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...

你可能感兴趣的:(html,css,safari,ios,前端)