該操作是網民日常的一些基本操作,但有些網站為了保護版權(如小說類、圖片類),禁止用戶執行這些操作,這樣就可以防止用戶將正在瀏覽的文本,通過複製、粘貼的方式進行傳播了。
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禁止複制與粘貼的實現代碼就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支持武林網。