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

使用场景

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

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

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

-webkit-touch-callout:none;

-webkit-touch-callout

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

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

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

Apple 在Safari CSS Reference中有说明。web

相关阅读:

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

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

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

相关文章
相关标签/搜索