禁止IOS系統(tǒng)中的H5頁面長按a標(biāo)簽時的彈框

DC_er 發(fā)布于2019-08-30 15:44 / 1546人閱讀

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

使用場景

Link

網(wǎng)頁開發(fā)過程中，經(jīng)常使用這種方式來阻止a標(biāo)簽鏈接的跳轉(zhuǎn)行為，
但是在IOS系統(tǒng)里，長按a標(biāo)簽后會彈出提示框“javascript”。

此時給a標(biāo)簽加上css即可解決

-webkit-touch-callout：none;

-webkit-touch-callout

此功能是非標(biāo)準(zhǔn)的，不是任何規(guī)范的一部分。-webkit-touch-callout CSS屬性控制了那些當(dāng)你點(diǎn)擊并按住觸摸目標(biāo)顯示的默認(rèn)標(biāo)注的顯示。
當(dāng)在iPhone OS上觸摸并保持目標(biāo)時，Safari會顯示有關(guān)鏈接的標(biāo)注信息。該屬性允許禁用該行為。
Apple 在Safari CSS Reference中有說明。

相關(guān)閱讀：

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

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

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

云服務(wù)器 GPU云服務(wù)器禁止長按 js彈框禁止?jié)L動關(guān)于頁面彈框功能實(shí)現(xiàn) asp 頁面標(biāo)簽

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/116229.html

相關(guān)文章

css前端初始化

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

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

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

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

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

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

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

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

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

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