2. 程式人生 > >移動端禁止長按圖片彈出選單和禁止文字選擇

移動端禁止長按圖片彈出選單和禁止文字選擇

阿新 • • 發佈：2019-01-23

禁止長按圖片彈出選單

img{
        pointer-events: none; 
        -webkit-user-select: none;
        -moz-user-select: none;
        -webkit-user-select:none;  
        -o-user-select:none;  
        user-select:none;  
    }

禁止文字選擇

p {
    -webkit-user-select: none;
    -moz-user-select: none;
    -webkit-user
 
-select:none;  
    -o-user-select:none;  
    user-select:none;  
}

相關推薦

移動端禁止長按圖片彈出選單和禁止文字選擇

禁止長按圖片彈出選單 img{ pointer-events: none; -webkit-user-select: none; -moz-user-

移動端禁止長按圖片彈出系統功能列表和禁止文字選擇

1.禁止圖片長按 img{ pointer-events: none;/*禁用滑鼠*/ } 2.禁止文字選擇 .no-select{ -webkit-user-select:none;

Android shortcuts快捷方式實現（支付寶長按圖示彈出快捷方式入口）

前言 Android shortcuts算是比較老的技術了，現在許多諸如支付寶、百度地圖等都實現了這一功能，這一功能是Android7.1推出的新功能，但是在國內app使用的還是比較少。我們先來看一下支付寶實現的效果圖。 這樣我們在使用的時候會方便許多，個人認為這種快捷方式更適合靜

長按UITableViewCell彈出UIMenuController

[self addGestureRecognizer: [[UILongPressGestureRecognizer alloc]initWithTarget:self action:@selector(longTap:)]]; - (void)longTap:(UILongPress

【記錄】長按listview彈出刪除選項，點選刪除記錄刪除

1.方法主要程式碼，留作以後檢視備用 /* yyd新增單擊長按彈出選單。 */ public void onclick_select() { lv.setOnItemLongClickListener(new OnItemLongClickListener() {

移動端列表長按後上下拖動進行排序

簡述：移動端列表長按後，然後可以上下拖動進行排序，主要使用了基於h5 sortTable，然後使用了touch相關事件實現，僅支援移動端。效果圖：長按下後拖動過程中的效果，如果不長按，只能上下滑動：程式碼實現解析：首先看html的程式碼：<!DOCTYPE html&g

移動端阻止長按文字出現選中效果

移動端有時候會需要長按儲存圖片，但當頁面中有文字時，長按會出現選中文字時的框，使用者會感覺很奇怪。 禁止目標文字被選中 //在需要禁止選中的文字所在位置加上以下css樣式 .txt { -webkit-touch-callout:none; -webkit-user-sele

移動端 jquery 長按觸發移動事件

長按觸發移動事件，可以用於手機介面上返回導航圖示 等等 將程式碼拷貝到本地，進行測試 在手機端測試，或者通過谷歌瀏覽器F12 測試 增加了對長按時間的判斷，區分單擊事件和長按事件 <!DOCTYPE html> <html> <

移動端h5長按刪除效果

貼上到html即可看到效果，用於移動端長按刪除 <body> <div class="butlong" style="position:relative;"> <input type="button" value="長按刪除" class

Android setOnCreateContextMenuListener實現長按ListItem彈出不同選單

    前一段時間做專案需要做一個效果：一個ListActivity，長按不同的item彈出的選單不一樣；如下圖所示我們長按不同的item需要彈出不同標題的menu：     長按事件可以使用ListView的setOnItemLongClick函式進行關聯，但是在響應的onItemLongClick函式裡面

移動端去掉點選input彈出的系統鍵盤

<div class="calendar"> <div> <input type="text" id="cc1" class=""

JQuery彈出選單時禁止頁面（body）滾動

最近在做手機端的彈出選單，但是選單彈出來後滑動手機螢幕的話頁面滾動總是會將選單滑上去，體驗非常不好，所以查了一下彈出選單時禁止頁面滾動的方法，整理如下： 方法一：彈出選單時給body和html新增一個css樣式：height:100%;overflow:hidden;彈出層消失再去掉這個類。(只給body新

移動端web 禁止長按彈出的選單 Safari

這是一個系列，記錄我前端開發常用的程式碼，小常識，有些是參考網上程式碼，(講的可能有點爛，求不要打臉，嚶嚶嚶~~)送給那些需要的人。可以相互交流，喜歡的加我吧。 Wx: Lxp911221

iOS WKWebView 禁止長按(超連結、圖片、文字...)彈出效果

方法一：//設定代理 self.wkWebView.navigationDelegate = self; #pragma mark - wkWebViewDelegate //禁止連結跳轉 - (v

移動端禁止長按複製提示框

當e.prenventDefault()無效時試試這個 *{ -webkit-touch-callout:none; /*系統預設選單被禁用*/ -webkit-user-select:none; /*webkit瀏覽器*/ -khtml-user-select:none; /*早

微信公眾號頁面禁止長按彈出系統選單，相容ios和安卓

最近做的一個微信公眾號需求，需要長按撥出有刪除按鈕的浮層，可是長按的時候也會彈出系統選單“選擇複製”和“在瀏覽器開啟”，這裡記錄一下解決方案。 css程式碼如下： cssSelect{ //這裡為css選擇器 -webkit-touch-callout:non

移動端彈出層上禁止頁面滾動

再寫移動端的時候經常會需要自己寫一個彈框，但是彈框出現後會出現在彈框上還可以滾動整個頁面，試過將body的overflow設定為hidden,但是在蘋果手機跟一些安卓手機上無效，後來在網上看到一種直接用js 的方法，直接禁止滾動事件，很有效，程式碼如下，有需要的人可以拿去：

移動端彈出層後禁止背景層body滾動例項

要點：在js動態改變css的overflow屬性時body和html都要寫。html部分：<body style="position: relative;"> <div id="background"></div> <div id="

禁止長按微信頁面出現默認選擇彈框

light fun blog menu info alt 右擊 con src 長按微信中打開的h5頁面默認會有彈框，如圖： 如果我們不想出現這個，可以加： document.oncontextmenu=function(e){ e.preventDefault

android List View onCreateContextMenu 長按彈出選單並獲取長按的View

onCreateContextMenu 的view 引數獲取的不是ListView中被選中的項，而onItemLongClick 的View 引數則是被選中的項 onItemLongClick 會在onCreateContextMenu之前被呼叫，可以先響應onItemLon