1. 程式人生 > >微信公眾號頁面禁止長按彈出系統選單,相容ios和安卓

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

最近做的一個微信公眾號需求,需要長按撥出有刪除按鈕的浮層,可是長按的時候也會彈出系統選單“選擇複製”和“在瀏覽器開啟”,這裡記錄一下解決方案。

css程式碼如下:

cssSelect{ //這裡為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程式碼如下:

window.addEventListener
('contextmenu', function(e){ e.preventDefault(); });

以上程式碼一起使用,可以相容ios和安卓。