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

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

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

使用場(chǎng)景

Link

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

此時(shí)給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)時(shí)，Safari會(huì)顯示有關(guān)鏈接的標(biāo)注信息。該屬性允許禁用該行為。
Apple 在Safari CSS Reference中有說(shuō)明。

相關(guān)閱讀：

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

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

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

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

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

轉(zhuǎn)載請(qǐng)注明本文地址：http://www.ezyhdfw.cn/yun/116229.html

相關(guān)文章

css前端初始化

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

mikyou 2019-08-29 16:19 評(píng)論0 收藏0
css前端初始化

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

寵來(lái)也 2019-08-02 11:09 評(píng)論0 收藏0
初始化移動(dòng)樣式

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

e10101 2019-08-29 16:19 評(píng)論0 收藏0
初始化移動(dòng)樣式

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

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

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

jindong 2019-08-29 11:32 評(píng)論0 收藏0