前言：業(yè)務(wù)需要，需要對(duì)整個(gè)頁(yè)面禁止彈出復(fù)制菜單。

在禁止的頁(yè)面中加入以下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

//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:禁止長(zhǎng)按彈出");

}

實(shí)測(cè) IOS禁止呼出復(fù)制菜單有效。但在安卓上還無(wú)法全部禁止。

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

安卓QQ瀏覽器暫時(shí)沒(méi)有找到禁止呼出復(fù)制菜單的方法.

總結(jié)

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

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。