禁止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...