2. 程式人生 > >移動端禁止長按圖片彈出系統功能列表和禁止文字選擇

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

阿新 • • 發佈：2019-02-11

1.禁止圖片長按

img{
	pointer-events: none;/*禁用滑鼠*/
}


2.禁止文字選擇

.no-select{
	-webkit-user-select:none;
	-moz-user-select:none;
	-o-user-select:none;
	user-select:none;
}


相關推薦

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

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

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

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

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() {

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

移動端有時候會需要長按儲存圖片，但當頁面中有文字時，長按會出現選中文字時的框，使用者會感覺很奇怪。 禁止目標文字被選中 //在需要禁止選中的文字所在位置加上以下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=""

移動端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

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

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

移動端彈出層平滑滾動和fix定位的沖突

-s 解決 branch sla 3D andro fixed lin 滾動 #branch-list{ overflow: scroll; -webkit-overflow-scrolling: touch;/* ios 平滑滾動*/ overflow-sc

移動端實現彈出框漸顯和漸隱效果

在移動端想實現一個彈出框漸漸出現和消失的效果。由於用的是vue.js,所以寫法有些獨特,用變數控制是否顯示類名。但是核心解決方法就是CSS3的animation屬性應用還有CSS中的z-index應用，必須初始化定義讓彈出框在最底部。還有就是opacity屬性的應用，這樣才有漸健彈出和漸漸消失的效果。給彈出框

通過jquery庫擴充套件移動端‘長按觸發’事件（模擬瀏覽器‘長按識別二維碼’功能）

上一篇講了如何通過qrcode.js解析二維碼（圖片），那麼現在我們要實現的功能就是最開始的要求'長按識別二維碼'這個功能！解析部分的難題我們已經解決，那麼現在需要解決的就是模擬‘長按觸發事件’這個功能，該功能通過一些參考資料，採用的是給jquery的擴充套件一個觸發事件。

PhotoSwipe手機端圖片彈出顯示插件【使用筆記】

sha 手機端 down strong fine 1.5 alt ffffff ttr 官網：https://photoswipe.com/ 代碼下載地址：http://down.51cto.com/data/2303672 特別註意：使用的時候會報錯： 在移動端開發時使

【移動端佈局】讓圖片保持等比例縮放 （實用）

原文出處：https://www.aliyun.com/jiaocheng/639739.html 摘要： 前端寫頁面佈局時,圖片變形是個很令人頭疼的問題,手機螢幕解析度不一樣,出來的效果就不一樣,下面的程式碼可以解決這些問題,保持圖片在不同解析度下面也可以讓圖片不變形 1、首先不