這篇文章主要為大家詳細(xì)介紹了網(wǎng)頁禁止鼠標(biāo)右鍵禁止全選復(fù)制粘貼的方法，具有一定的參考價值，感興趣的小伙伴們可以參考一下,有需要的朋友可以收藏方便以后借鑒。

網(wǎng)頁禁止鼠標(biāo)右鍵禁止全選復(fù)制粘貼有很多種JS方法實現(xiàn)，織夢361也在前面做過類似的介紹。

今天織夢361再次提及網(wǎng)頁禁止鼠標(biāo)右鍵禁止全選復(fù)制粘貼的話題，主要是想更細(xì)致的給大家分別介紹PC端的如何實現(xiàn)禁止復(fù)制網(wǎng)頁內(nèi)容的方法以及WAP端如何復(fù)制網(wǎng)頁內(nèi)容。

第一部分、PC端禁止復(fù)制網(wǎng)頁內(nèi)容

oncontextmenu事件禁用右鍵菜單，js代碼：document.oncontextmenu?=?function(){

event.returnValue?=?false;

}

//?或者直接返回整個事件

document.oncontextmenu?=?function(){

return?false;

}

onselectstart事件禁用網(wǎng)頁上選取的內(nèi)容，js代碼：document.onselectstart?=?function(){

event.returnValue?=?false;

}

//?或者直接返回整個事件

document.onselectstart?=?function(){

return?false;

}

oncopy事件禁用復(fù)制，js代碼：document.oncopy?=?function(){

event.returnValue?=?false;

}

//?或者直接返回整個事件

document.oncopy?=?function(){

return?false;

}

以上三種事件，如果只想單純的禁用鼠標(biāo)右鍵，和復(fù)制粘貼，還可以將它們直接寫到HTML中的body上面：

禁用鼠標(biāo)事件，js代碼：document.onmousedown?=?function(e){

if?(?e.which?==?2?){//?鼠標(biāo)滾輪的按下，滾動不觸發(fā)

return?false;

}

if(?e.which==3?){//?鼠標(biāo)右鍵

return?false;

}

}

禁用鍵盤中的ctrl、alt、shift，js代碼：document.onkeydown?=?function(){

if(?event.ctrlKey?){

return?false;

}

if?(?event.altKey?){

return?false;

}

if?(?event.shiftKey?){

return?false;

}

}

有一個更簡單的方法就是在

中加入如下的代碼,這樣鼠標(biāo)的左右鍵都失效了：topmargin="0"?οncοntextmenu="return?false"?οndragstart="return?false"?onselectstart="return?false"

οnselect="document.selection.empty()"?οncοpy="document.selection.empty()"?onbeforecopy="return?false"

οnmοuseup="document.selection.empty()"

想要禁止網(wǎng)頁另存為：

在

后面加入以下代碼：

<

script>

禁止網(wǎng)頁內(nèi)容復(fù)制、粘貼：

在

中加入以下代碼：

onselectstart?="return?false"?οnselect="document.selection.empty()"?οncοpy="document.selection.empty()"

onbeforecopy="return?false"?οnmοuseup="document.selection.empty()">

第二部分、移動端禁止復(fù)制網(wǎng)頁內(nèi)容

web端，只需在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;?/*IE10*/

user-select:none;

}

以上代碼也包括了禁止了input的輸入，所以要單加一段代碼開放input的權(quán)限：input?{

-webkit-user-select:auto;?/*webkit瀏覽器*/

}

另附上一個app h5長安拷貝的解決方法(沒有驗證過，僅供參考)，屏蔽掉長按事件 因為webview長按時將會調(diào)用系統(tǒng)的復(fù)制控件：mWebView.setOnLongClickListener(new?OnLongClickListener()?{

@Override

public?boolean?onLongClick(View?v)?{

return?true;

}

});

有興趣的童鞋可以分別去嘗試看下PC端和移動端禁止復(fù)制的代碼是否可行有什么需要注意的歡迎反饋給我們。

以上就是網(wǎng)頁禁止鼠標(biāo)右鍵禁止全選復(fù)制粘貼的方法的全部內(nèi)容，希望對大家的學(xué)習(xí)和解決疑問有所幫助，也希望大家多多支持361模板網(wǎng)。

感謝打賞，我們會為大家提供更多優(yōu)質(zhì)資源！

與50位技術(shù)專家面對面20年技術(shù)見證，附贈技術(shù)全景圖

總結(jié)

以上是生活随笔為你收集整理的h5页面禁止复制_网页禁止鼠标右键禁止全选复制粘贴的方法的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

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