国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

移動端禁用系統(tǒng)默認(rèn)菜單

SegmentFault / 1347人閱讀

摘要：首先介紹兩個移動端私有屬性，當(dāng)你觸摸并按住觸摸目標(biāo)時候，禁止或顯示系統(tǒng)默認(rèn)菜單。這個屬性可以讓你禁用系統(tǒng)默認(rèn)菜單。如果未設(shè)置透明度，使用默認(rèn)的透明度。

首先介紹兩個移動端私有屬性
-webkit-touch-callout，-webkit-tap-highlight-color
-webkit-touch-callout：當(dāng)你觸摸并按住觸摸目標(biāo)時候，禁止或顯示系統(tǒng)默認(rèn)菜單。在iOS上，當(dāng)你觸摸并按住觸摸的目標(biāo)，比如一個鏈接，Safari瀏覽器將顯示鏈接有關(guān)的系統(tǒng)默認(rèn)菜單。這個屬性可以讓你禁用系統(tǒng)默認(rèn)菜單。
-webkit-tap-highlight-color ：當(dāng)用戶點(diǎn)擊iOS的Safari瀏覽器中的鏈接或JavaScript的可點(diǎn)擊的元素時，覆蓋顯示的高亮顏色。

該屬性可以只設(shè)置透明度。如果未設(shè)置透明度，iOS Safari使用默認(rèn)的透明度。當(dāng)透明度設(shè)為0，則會禁用此屬性；當(dāng)透明度設(shè)為1，元素在點(diǎn)擊時不可見。

在手機(jī)webkit瀏覽器中，用戶在某一些按鈕上長按3秒鐘后，會彈出一個系統(tǒng)的列表，ios和android各自展現(xiàn)不一樣，列表可以有復(fù)制或在在新窗口打開的等操作，這種體驗(yàn)對于按鈕來說是不需要的，按鈕上是綁定事件，有特殊功能，而這里系統(tǒng)把它當(dāng)做一個鏈接的意義。查看了代碼，原來是一個a標(biāo)簽，鏈接地址為空。

查看余額

在IOS平臺下只需控制當(dāng)前元素的-webkit-touch-callout的樣式屬性為none;屬性來禁止觸發(fā)系統(tǒng)的菜單

a{-webkit-touch-callout:none}

這里補(bǔ)充-webkit-touch-callout:none 的功能，測試結(jié)果如下：

1.ios 長按時不觸發(fā)系統(tǒng)菜單

2.ios 和 android 長按時不觸發(fā)下載圖片菜單

**安卓下，只能用button ，input type="button" 代替a標(biāo)簽

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

轉(zhuǎn)載請注明本文地址：http://m.specialneedsforspecialkids.com/yun/50273.html

相關(guān)文章

  • [總結(jié)]CSS/CSS3常用樣式與web移動端資源

    摘要：不允許負(fù)值用百分比來定義縮放比例。解決這個很簡單，在父元素中使用即可解決該。列寬度由單元格內(nèi)容設(shè)定。定義僅有大寫字母。不過，要讓任何元素生效還得借助于一點(diǎn)點(diǎn)。 css/css3常用樣式 CSS修改選中文字的顏色 html代碼： 第一段文字選中效果 第二段文字選中效果 css代碼： .p1::selection{background:red;color:#fff;} .p2::selec...

    The question 評論0 收藏0

  • 初始化移動樣式

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

    e10101 評論0 收藏0

  • 初始化移動樣式

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

    williamwen1986 評論0 收藏0

  • 測試工程師良品 —— Fiddler 工具簡介

    摘要：可用于攔截某一請求，并重定向到本地的資源，或者使用的內(nèi)置響應(yīng)。作為目前最好用的調(diào)試工具之一，功能很強(qiáng)大，這里僅做簡單介紹，有興趣的可以深入學(xué)習(xí)。 前言 Fiddler 是目前最強(qiáng)大最好用的調(diào)試工具之一，它能記錄所有客戶端和服務(wù)器的http和https請求，設(shè)置 CGI 請求的斷點(diǎn)，甚至修改輸入輸出數(shù)據(jù)。fiddler 的工作原理，是它在 web server 和 web browser...

    Crazy_Coder 評論0 收藏0

發(fā)表評論

0條評論

最新活動
閱讀需要支付1元查看
<