禁止IOS系統中的H5頁面長按a標簽時的彈框

DC_er 發布于2019-08-30 15:44 / 1458人閱讀

摘要：使用場景網頁開發過程中，經常使用這種方式來阻止標簽鏈接的跳轉行為，但是在系統里，長按標簽后會彈出提示框。此時給標簽加上即可解決此功能是非標準的，不是任何規范的一部分。當在上觸摸并保持目標時，會顯示有關鏈接的標注信息。該屬性允許禁用該行為。

使用場景

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

GPU云服務器云服務器禁止長按 js彈框禁止滾動關于頁面彈框功能實現 asp 頁面標簽

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/116229.html

css前端初始化

摘要：初入前端，若有不足歡迎指正頭部初始化標簽問題一般要添加背景音樂的話，我們的第一反應就是使用標簽，但是這里有一個坑。前言當下移動端橫行，平常我們做一些移動端的項目，接觸最多的就是H5，雖然做移動端不用兼容IE，但是我們要兼容微信、app、ios、android... 今天就給寫幾個平常開發經常會遇到的問題以及解決辦法。初入前端，若有不足歡迎指正！頭部初始化 ...

mikyou 2019-08-29 16:19 評論0 收藏0
css前端初始化

摘要：初入前端，若有不足歡迎指正頭部初始化標簽問題一般要添加背景音樂的話，我們的第一反應就是使用標簽，但是這里有一個坑。前言當下移動端橫行，平常我們做一些移動端的項目，接觸最多的就是H5，雖然做移動端不用兼容IE，但是我們要兼容微信、app、ios、android... 今天就給寫幾個平常開發經常會遇到的問題以及解決辦法。初入前端，若有不足歡迎指正！頭部初始化 ...

寵來也 2019-08-02 11:09 評論0 收藏0
初始化移動樣式

摘要：一屬性基本含義控制的大小為設備的寬度初始的縮放比例允許用戶縮放到的最小比例允許用戶縮放到的最大比例用戶是否可以手動縮放忽略將頁面中的數字識別為電話號碼忽略平臺中對郵箱地址的識別當網站添加到主屏幕快速啟動方式，可隱藏地一、meta 屬性基本含義： content=width=device-width：控制 viewport 的大小,device-width 為設備的寬度 ini...

e10101 2019-08-29 16:19 評論0 收藏0
初始化移動樣式

摘要：一屬性基本含義控制的大小為設備的寬度初始的縮放比例允許用戶縮放到的最小比例允許用戶縮放到的最大比例用戶是否可以手動縮放忽略將頁面中的數字識別為電話號碼忽略平臺中對郵箱地址的識別當網站添加到主屏幕快速啟動方式，可隱藏地一、meta 屬性基本含義： content=width=device-width：控制 viewport 的大小,device-width 為設備的寬度 ini...

williamwen1986 2019-08-02 11:08 評論0 收藏0
ios局部滾動的bug所引發的思考

流暢的不要不要的ios出來的bug讓人咬牙切齒。bug產生的環境：局部滾動，外部并沒有禁止默認瀏覽器事件bug：導致局部滑動不流暢嚴重情況下不能滑動解決方案: 1:js禁止外部的瀏覽器默認事件，停止局部事件冒泡（對于結構簡單的頁面來說可能適合） 2:-webkit-overflow-scrolling:touch給body和局部滾動的元素 -webkit-overflow-scrolling...

jindong 2019-08-29 11:32 評論0 收藏0