該操作是網民日常的一些基本操作,但有些網站為了保護版權(如小說類、圖片類),禁止用戶執行這些操作,這樣就可以防止用戶將正在浏覽的文本,通過復制、粘貼的方式進行傳播了。
oncopy事件:
定義和用法
oncopy 事件在用戶拷貝元素上的內容時觸發。
提示: oncopy 事件在用戶拷貝元素時也會觸發,例如, 拷貝 <img> 元素。
提示: oncopy 事件通常用於 type="text" 的 <input> 元素。
提示: 有三種方式可以拷貝元素和內容:
按下 CTRL + C
在你的浏覽器的 Edit(編輯) 菜單中選擇 "Copy(復制)"
郵件鼠標按鈕,在上下文菜單中選擇 "Copy(復制)" 命令。
浏覽器支持
語法
HTML中:
<element oncopy="myScript">
JavaScript中:
object.oncopy = function(){ //操作 myScript }
JavaScript中,使用addEventListener()方法:
object.addEventListener('copy',myScript); //IE8及更早的IE版本不支持addEventListener()方法
onpaste事件:
定義和用法
onpaste 事件在用戶向元素中粘貼文本時觸發。
注意: 雖然使用的 HTML 元素都支持 onpaste 事件,但實際上並非支持所有元素,例如 <p> 元素, 除非設置了 contenteditable 為 "true" (查看下文的更多實例)。
提示: onpaste 事件通常用於 type="text" 的 <input> 元素。
提示: 有三種方式可以在元素中粘貼內容:
•按下 CTRL + V
•從浏覽器的編輯菜單中選擇 "Paste(粘貼)"
•右擊鼠標按鈕在上下文菜單中選擇 "Paste(粘貼)" 命令。
浏覽器支持
語法HTML中:
<element onpaste="myScript">
JavaScript中:
object.onpaste = function(){ //操作 myScript; }
JavaScript總,使用addEventListener()方法:
object.addEventListener('paste',myScript); //Internet Explorer 8 及更早 IE 版本不支持 addEventListener() 方法。
實現原理:
執行復制與粘貼事件,並在事件中返回false。
JavaScript代碼:
var bodyMain = document.getElementById('bodyMain' ); //禁止復制 bodyMain.oncopy = function(){ return false; } //禁止粘貼 bodyMain.onpaste = function(){ return false; }
以上這篇JavaScript禁止復制與粘貼的實現代碼就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支持。