移動端web 禁止長按彈出的選單 Safari
這是一個系列,記錄我前端開發常用的程式碼,小常識,有些是參考網上程式碼,(講的可能有點爛,求不要打臉,嚶嚶嚶~~)送給那些需要的人。可以相互交流,喜歡的加我吧。
Wx: Lxp911221
如果是禁用長按選擇文字功能,用 css 就可以:
* {
-webkit-touch-callout:none;
-webkit-user-select:none;
-khtml-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
}
如果是想禁用長按彈出選單, 用 js
node.addEventListener('contextmenu', function(e){
e.preventDefault();
});
node.ontouchend = function () {
throw new Error("NO ERRPR:禁止長按彈出的選單");
}
相關推薦
移動端web 禁止長按彈出的選單 Safari
這是一個系列,記錄我前端開發常用的程式碼,小常識,有些是參考網上程式碼,(講的可能有點爛,求不要打臉,嚶嚶嚶~~)送給那些需要的人。可以相互交流,喜歡的加我吧。 Wx: Lxp911221
微信公眾號頁面禁止長按彈出系統選單,相容ios和安卓
最近做的一個微信公眾號需求,需要長按撥出有刪除按鈕的浮層,可是長按的時候也會彈出系統選單“選擇複製”和“在瀏覽器開啟”,這裡記錄一下解決方案。 css程式碼如下: cssSelect{ //這裡為css選擇器 -webkit-touch-callout:non
android List View onCreateContextMenu 長按彈出選單並獲取長按的View
onCreateContextMenu 的view 引數獲取的不是ListView中被選中的項,而onItemLongClick 的View 引數則是被選中的項 onItemLongClick 會在onCreateContextMenu之前被呼叫,可以先響應onItemLon
Android ListView兩種長按彈出選單方式
/** * @author xianglong guo 2012-05-17 22:15 * 知識點1:ListView item:兩種長按彈出選單方式 * 知識點2:ListView SimpleAdapter的使用 * 知識點 3:在java程式碼中建立一個Li
h5移動端阻止瀏覽器長按事件
-1 ext clas move 事件 his 設置 urn log 移動端長按圖片或者元素的時候會出現默認的瀏覽器事件,這樣會影響自定義的長按行為,很麻煩。微信的圖片和元素的長按事件效果如下 找到了一個方式去掉首先要把圖片放到div的背景圖片中(用圖片試了不行,如果有大
移動端html5頁面長按實現高亮全選文字內容的相容解決方案
最近需要給html5的WebAPP在頁面上實現一個複製功能:使用者點選長按文字會全選文字並彈出系統“複製”選單,使用者可以點選“複製”進行復制操作,然後貼上到AppStore搜尋對應的應用。之所以不是採用連結形式直接跳轉到AppStore對應應用是為了通過使用者的主動輸入關鍵詞搜尋給推廣的企業App
移動端h5模擬長按事件
為啥寫這篇文章 最近接了個需求,要求長按某個標籤顯示刪除一個懸浮的刪除按鈕。這個需求其實在app上很常見,但是在移動端h5中,我們沒有長按的事件,所以就需要自己模擬這個事件了。 大概效果如下: ps: 為了做個gif還下了app,還得通過郵件發到電腦上,腦瓜疼。。 思路 放棄c
Android ListView長按彈出對話方塊
ListView長按彈出對話方塊可以用PopupWindow實現 今天記錄的是重寫onCreateContextMenu和onContextItemSelected實現彈出對話方塊,比前者簡單很多
WKWebView 禁用 長按彈出UIMenuController
iOS8開始使用WKWebView,但實際使用過程中和UIWebView有許多區別。比如禁止在webview中長按彈出UIMenuController的操作: UIWebView中 - (BOOL)canPerformAction:(SEL)a
android中RecyclerView控件實現長按彈出PopupMenu菜單功能
mage 有一個 手工 sim pat 創建 .get mco span 之前寫過一篇文章:android中實現簡單的聊天功能 現在是在之前功能的基礎上,添加一個長按聊天記錄,刪除對應聊天記錄的功能 RecyclerView控件,沒有對應的長按事件,我們需要自己手工添加
移動端頁面禁用長按選中功能
在頁面的head裡面填寫如下內容: <style> <!-- * { -webkit-touch-callout: none; -webkit-user-select: none
Android ListView長按彈出CheckBox,實現全選,反選,批量刪除功能
ListView長按彈出CheckBox,實現全選,反選,批量刪除功能. 主佈局:activity_main <?xml version="1.0" encoding="utf-8"?> <RelativeLayout xmlns:android="
iOS webview,WKWebView長按彈出框UIMenuController新增自定義功能
-先說下背景,`UIMenuController`類基於<UIKit>框架下,是iOS3.0之後釋出的,它是一個長按撥出框,自帶有複製、剪下、貼上、全選、刪除等等功能。文件裡面定義如下圖****本次要實現的功能是 在載入了HTML字串的UIWebView中實現自定
ListView:長按彈出上下文選單(ContextMenu)
有兩種方法實現長按彈出上下文選單: 方法一: 1)註冊上下文選單 /** * 上下文選單演示Demo * * @author CodingMyWorld 2011-8-27 下午03:22:39 */ publicclass SampleContextMe
android開發之長按彈出貼上,點選之後複製
設定一個長按點選事件,然後呼叫下面方法 private void ShowPopWindow(int x, int y) { popupWindow = new PopupWindow(ViewGroup.LayoutParams.WRAP_CONTEN
移動端去掉點選input彈出的系統鍵盤
<div class="calendar"> <div> <input type="text" id="cc1" class=""
js 禁止內容選擇 禁止列印 禁止右鍵彈出選單
<SCRIPT LANGUAGE="JavaScript"> function auto_submit () { alert("你試圖離開當前視窗,系統將自動提交試卷!"); //自動提交的程式碼, 例如: form1.submit(); } window.onblur=auto_submit
移動端禁止長按圖片彈出選單和禁止文字選擇
禁止長按圖片彈出選單 img{ pointer-events: none; -webkit-user-select: none; -moz-user-
移動端禁止長按圖片彈出系統功能列表和禁止文字選擇
1.禁止圖片長按 img{ pointer-events: none;/*禁用滑鼠*/ } 2.禁止文字選擇 .no-select{ -webkit-user-select:none;
移動端web頁面底部固定元素(軟鍵盤彈出)解決方案
底部固定的輸入框,如圖: 解決方案如下 <div> <Header/> // absolute, top:0 <Footer/> // absolute, bottom:0 <Content/> // absolute