前言:業(yè)務(wù)需要恩掷,需要對整個頁面禁止彈出復(fù)制菜單组哩。
在禁止的頁面中加入以下css樣式定義
* {
-webkit-touch-callout:none;/*系統(tǒng)默認(rèn)菜單被禁用*/
-webkit-user-select:none;/*webkit瀏覽器*/
-khtml-user-select:none;/*早起瀏覽器*/
-moz-user-select:none;/*火狐瀏覽器*/
-ms-user-select:none;/*IE瀏覽器*/
user-select:none;/*用戶是否能夠選中文本*/
}
還需加入以下JS
<script language="Javascript">
//PC端 使右鍵和復(fù)制失效
document.oncontextmenu = new Function("event.returnValue=false");
document.onselectstart = new Function("event.returnValue=false");
//ios
document.oncontextmenu = function (e) {
e.preventDefault();
};
document.onselectstart = function (e) {
e.preventDefault();
};
//安卓
document.addEventListener('contextmenu', function (e) {
e.preventDefault();
});
document.ontouchend = function () {
throw new Error("NO ERRPR:禁止長按彈出");
}
</script>
實測 IOS禁止呼出復(fù)制菜單有效漫贞。但在安卓上還無法全部禁止瑟匆。
安卓UC瀏覽器上還需加入以下代碼,可以禁止長按呼出菜單:
<meta name="browsermode" content="application"/>
安卓QQ瀏覽器暫時沒有找到禁止呼出復(fù)制菜單的方法.