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

36次阅读

共计 421 个字符,预计需要花费 2 分钟才能阅读完成。

使用场景

<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…

正文完
 0