某些網站為了防止「侵權」,希望關閉右鍵,所以今天就教大家如何添加一個使各種瀏覽器都無法按下(屏蔽)右鍵的方法
教程
1、在你的網站 <head>
內添加下列代碼,但不要添加到.css文件內(對於Wordpress來說就是添加到「頁首(header.php)」文件內)
1 2 3 4 5 6 |
<style type="text/css"> body { -moz-user-select : none; -webkit-user-select: none; } </style> |
2、在把下列代碼添加到 <body>
內的任何地方(對於Wordpress來說最好也是添加到添加到「頁首(header.php)」文件內一遍全站加載)
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 |
<script type="text/javascript"> //<!-- function iEsc(){ return false; } function iRec(){ return true; } function DisableKeys() { if(event.ctrlKey || event.shiftKey || event.altKey) { window.event.returnValue=false; iEsc(); } } document.ondragstart=iEsc; document.onkeydown=DisableKeys; document.oncontextmenu=iEsc; if (typeof document.onselectstart !="undefined") document.onselectstart=iEsc; else{ document.onmousedown=iEsc; document.onmouseup=iRec; } function DisableRightClick(qsyzDOTnet){ if (window.Event){ if (qsyzDOTnet.which == 2 || qsyzDOTnet.which == 3) iEsc(); }else if (event.button == 2 || event.button == 3){ event.cancelBubble = true event.returnValue = false; iEsc(); } } //--> </script> |
3、現在你按下右鍵,是不是沒反應啦!
預覽
參考
禁止複製+鎖右鍵+禁止全選-IE﹑Firefox﹑Chrome﹑Safari﹑Opera
總結
1、這個方法應該能兼容大部分瀏覽器(我測試過IE、Safari、Chrome及Firefox,歡迎各位網友補充)
2、同樣這個方法還是「防君子不防小人」的,因為如果他真的想要拷貝,他還是會「千方百計」的找出方法
3、有問題可以回覆問我
PS:我覺得這個屏蔽右鍵的方法「嚴重」影響用戶體驗,所以並未在本站添加