前言：業務需要，需要對整個頁面禁止彈出復制菜單。

在禁止的頁面中加入以下css樣式定義

* {

-webkit-touch-callout:none;/*系統默認菜單被禁用*/

-webkit-user-select:none;/*webkit瀏覽器*/

-khtml-user-select:none;/*早起瀏覽器*/

-moz-user-select:none;/*火狐瀏覽器*/

-ms-user-select:none;/*IE瀏覽器*/

user-select:none;/*用戶是否能夠選中文本*/

}

還需加入以下JS

//PC端 使右鍵和復制失效

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:禁止長按彈出");

}

實測 IOS禁止呼出復制菜單有效。但在安卓上還無法全部禁止。

安卓UC瀏覽器上還需加入以下代碼,可以禁止長按呼出菜單:

安卓QQ瀏覽器暫時沒有找到禁止呼出復制菜單的方法.

總結

以上是生活随笔為你收集整理的h5页面禁止复制_H5移动端页面禁止复制技巧的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。