js禁止右鍵,禁止複製,複製內容到剪下板
阿新 • • 發佈:2018-12-19
有時候我們希望自己的網頁原始碼不被檢視,這時需要關掉滑鼠的右擊事件;有時候我們也希望禁止選擇頁面內容Ctrl+C複製。
1.禁止右鍵檢視原始碼;
<script>
//設定右鍵事件 function noMenuOne() {
alert('禁止右鍵選單!');
return false;
}
document.oncontextmenu = noMenuOne
</script>
第二種方法:
<script> //當用戶按下滑鼠按鈕觸發 function noMenu2() { if(event.button == 2) { alert('禁止右鍵選單!'); return false; } } document.onmousedown = noMenu2; </script>
2.禁止複製頁面內容
<body oncopy="alert('禁止複製');return false;"> 標題XXX
<!-- 1. Define some markup -->
<input type="text" id="name" />
<button class="btn">Copy</button> </body>
3.複製內容到剪下板
需要clipboard.min.js外掛庫,也不支援IE8,如果有需求需要自己寫IE8的,針對IE瀏覽器來說, 實現起來就很簡單, 因為直接有clipboardData 的物件可以使用。
<script src="js/clipboard.min.js"></script> <body> 標題XXX <!-- 1. Define some markup --> <input type="text" id="name" /> <button class="btn">Copy</button> </body> ................ <script> /*不支援IE8,IE8以上的可以*/ var clipboard = new ClipboardJS('.btn', { text: function() { //返回的值是複製到剪下板的內容 return $("#name").val(); } }); </script>