h5页面禁止复制_网页禁止鼠标右键禁止全选复制粘贴的方法
這篇文章主要為大家詳細介紹了網頁禁止鼠標右鍵禁止全選復制粘貼的方法，具有一定的參考價值，感興趣的小伙伴們可以參考一下,有需要的朋友可以收藏方便以后借鑒。
網頁禁止鼠標右鍵禁止全選復制粘貼有很多種JS方法實現，織夢361也在前面做過類似的介紹。
今天織夢361再次提及網頁禁止鼠標右鍵禁止全選復制粘貼的話題，主要是想更細致的給大家分別介紹PC端的如何實現禁止復制網頁內容的方法以及WAP端如何復制網頁內容。
第一部分、PC端禁止復制網頁內容
oncontextmenu事件禁用右鍵菜單，js代碼：document.oncontextmenu?=?function(){
event.returnValue?=?false;
}
//?或者直接返回整個事件
document.oncontextmenu?=?function(){
return?false;
}
onselectstart事件禁用網頁上選取的內容，js代碼：document.onselectstart?=?function(){
event.returnValue?=?false;
}
//?或者直接返回整個事件
document.onselectstart?=?function(){
return?false;
}
oncopy事件禁用復制，js代碼：document.oncopy?=?function(){
event.returnValue?=?false;
}
//?或者直接返回整個事件
document.oncopy?=?function(){
return?false;
}
以上三種事件，如果只想單純的禁用鼠標右鍵，和復制粘貼，還可以將它們直接寫到HTML中的body上面：
禁用鼠標事件，js代碼：document.onmousedown?=?function(e){
if?(?e.which?==?2?){//?鼠標滾輪的按下，滾動不觸發
return?false;
}
if(?e.which==3?){//?鼠標右鍵
return?false;
}
}
禁用鍵盤中的ctrl、alt、shift，js代碼：document.onkeydown?=?function(){
if(?event.ctrlKey?){
return?false;
}
if?(?event.altKey?){
return?false;
}
if?(?event.shiftKey?){
return?false;
}
}
有一個更簡單的方法就是在
中加入如下的代碼,這樣鼠標的左右鍵都失效了：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()"
想要禁止網頁另存為：
在
后面加入以下代碼：<
script>
禁止網頁內容復制、粘貼：
在
中加入以下代碼：onselectstart?="return?false"?οnselect="document.selection.empty()"?οncοpy="document.selection.empty()"
onbeforecopy="return?false"?οnmοuseup="document.selection.empty()">
第二部分、移動端禁止復制網頁內容
web端，只需在css中加入代碼就可以了：*{
-webkit-touch-callout:none;?/*系統默認菜單被禁用*/
-webkit-user-select:none;?/*webkit瀏覽器*/
-khtml-user-select:none;?/*早期瀏覽器*/
-moz-user-select:none;/*火狐*/
-ms-user-select:none;?/*IE10*/
user-select:none;
}
以上代碼也包括了禁止了input的輸入，所以要單加一段代碼開放input的權限：input?{
-webkit-user-select:auto;?/*webkit瀏覽器*/
}
另附上一個app h5長安拷貝的解決方法(沒有驗證過，僅供參考)，屏蔽掉長按事件 因為webview長按時將會調用系統的復制控件：mWebView.setOnLongClickListener(new?OnLongClickListener()?{
@Override
public?boolean?onLongClick(View?v)?{
return?true;
}
});
有興趣的童鞋可以分別去嘗試看下PC端和移動端禁止復制的代碼是否可行有什么需要注意的歡迎反饋給我們。
以上就是網頁禁止鼠標右鍵禁止全選復制粘貼的方法的全部內容，希望對大家的學習和解決疑問有所幫助，也希望大家多多支持361模板網。
感謝打賞，我們會為大家提供更多優質資源！
與50位技術專家面對面20年技術見證，附贈技術全景圖總結
以上是生活随笔為你收集整理的h5页面禁止复制_网页禁止鼠标右键禁止全选复制粘贴的方法的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： java开发架构设计_跪了！阿里技术官出
- 下一篇： java logging包_用JDK中提