-webkit-touch-callout禁止長按選單
微信瀏覽器如果js中的點選事件,長按會彈出一個javascript提示的選單欄,有開啟和取消兩個選項。IOS要
取消這一個預設事件,可以在父元素使用-webkit-touch-callout:none;來禁止掉這個選單彈出。
該CSS樣式有兩個可以取的值:
default:此值表示顯示預設的callout
none:此值表示禁用callout
安卓不支援這個css樣式,安卓就直接使用HTML5提出的contextmenu事件,阻止事件預設行為就可以了。
$(document).bind('contextmenu', function(e) {
e.preventDefault();
});
相關推薦
-webkit-touch-callout禁止長按選單
微信瀏覽器如果js中的點選事件,長按會彈出一個javascript提示的選單欄,有開啟和取消兩個選項。IOS要 取消這一個預設事件,可以在父元素使用-webkit-touch-callout:none;來禁止掉這個選單彈出。 該CSS樣式有兩個可以取的值:
微信公眾號頁面禁止長按彈出系統選單,相容ios和安卓
最近做的一個微信公眾號需求,需要長按撥出有刪除按鈕的浮層,可是長按的時候也會彈出系統選單“選擇複製”和“在瀏覽器開啟”,這裡記錄一下解決方案。 css程式碼如下: cssSelect{ //這裡為css選擇器 -webkit-touch-callout:non
移動端web 禁止長按彈出的選單 Safari
這是一個系列,記錄我前端開發常用的程式碼,小常識,有些是參考網上程式碼,(講的可能有點爛,求不要打臉,嚶嚶嚶~~)送給那些需要的人。可以相互交流,喜歡的加我吧。 Wx: Lxp911221
移動端禁止長按圖片彈出選單和禁止文字選擇
禁止長按圖片彈出選單 img{ pointer-events: none; -webkit-user-select: none; -moz-user-
禁止長按微信頁面出現默認選擇彈框
light fun blog menu info alt 右擊 con src 長按微信中打開的h5頁面默認會有彈框,如圖: 如果我們不想出現這個,可以加: document.oncontextmenu=function(e){ e.preventDefault
仿微信長按選單
FloatMenu A menu style pop-up window that mimics WeChat。仿微信的長按選單。 效果如下 引入方法: Github地址:https://github.com/JavaNoober/FloatMenu depen
移動端禁止長按複製提示框
當e.prenventDefault()無效時試試這個 *{ -webkit-touch-callout:none; /*系統預設選單被禁用*/ -webkit-user-select:none; /*webkit瀏覽器*/ -khtml-user-select:none; /*早
iOS WKWebView禁止長按事件(包括超連結)
最近手頭上使用h5頁面做活動遇到頁面長按出現選單欄,超連結出現連結的問題 網上的方法是 [webView evaluateJavaScript:@"document.documentElement.style.webkitUserSelect=
iOS WKWebView 禁止長按(超連結、圖片、文字...)彈出效果
方法一://設定代理 self.wkWebView.navigationDelegate = self; #pragma mark - wkWebViewDelegate //禁止連結跳轉 - (v
android建立上下文選單(即長按選單)
一、實現長安選單的步驟 1、呼叫方法 registerForContextMenu() 把view向系統註冊上下文選單。 2、使用onCreateContextMenu()建立選單。 3、使用onContextItemSelected()實現選單的點選事件。
移動端禁止長按圖片彈出系統功能列表和禁止文字選擇
1.禁止圖片長按 img{ pointer-events: none;/*禁用滑鼠*/ } 2.禁止文字選擇 .no-select{ -webkit-user-select:none;
禁止微信長按保存圖片
ati position 做了 itl 其他 解決方案 bug pla 路徑 事情的經過是這樣的,有一天我去公司其他部門咨詢 鏈接底層服務的事情。正好當時他們部門的前端小夥伴遇到一個bug。這個bug是這樣的,在微信裏內嵌的H5頁面中有一個圖片。然而呢!圖片綁定
移動端長按禁止預設事件總結
1、如果是禁用長按選擇文字功能,用 css : 全域性* 或者 區域性選擇相映的DOM加 * { -webkit-touch-callout:none; -webkit-user-select:none;
JQuery Mobile - html5+CSS 禁止IOS長按複製貼上實現
因為在移動端APP需要實現長按執行別的事件,但是在IOS系統有預設的長按選擇複製貼上,禁止此功能在網上找了很多資料,最終整理出目前最好的解決方法。實際測試,也並不是很理想,但是可能沒有更好辦法了! /*設定IOS頁面長按不可複製貼上,但是IOS上出現input、textarea不能輸入,因此將使用-w
vue自定義移動端touch事件,點選、滑動、長按事件
**HTML** <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <link href="favicon.ico" mce_href="favicon.
android List View onCreateContextMenu 長按彈出選單並獲取長按的View
onCreateContextMenu 的view 引數獲取的不是ListView中被選中的項,而onItemLongClick 的View 引數則是被選中的項 onItemLongClick 會在onCreateContextMenu之前被呼叫,可以先響應onItemLon
微信小程式——小實現(禁止頁面滾動、長按複製)
1. 禁止頁面滾動 對於小程式某些一屏的頁面,特別是全屏的swiper,並不希望頁面在豎直方向上可以滾動。 實現方式: 在需要禁止滾動頁面的json中加入: "disableScroll": true
禁止IOS長按複製貼上
/*設定IOS頁面長按不可複製貼上,但是IOS上出現input、textarea不能輸入,因此將使用-webkit-user-select:auto;*/ *{ -webkit-touch-ca
html5+CSS 實現禁止IOS長按複製貼上功能
/*設定IOS頁面長按不可複製貼上,但是IOS上出現input、textarea不能輸入,因此將使用-webkit-user-select:auto;*/*{-webkit-touch-callout:
android 之EditText長按遮蔽ActionMode context選單但保留選擇工具功能
最近專案要求遮蔽EditText 長按出來的ActionMode選單,但是要保留選擇文字功能。這個遮蔽百度會出現各種方法,這裡說一下我的思路: 1.遮蔽百度可知setCustomSelectionActionModeCallback即可, editTe