該操作是網(wǎng)民日常的一些基本操作，但有些網(wǎng)站為了保護版權(quán)（如小說類、圖片類），禁止用戶執(zhí)行這些操作，這樣就可以防止用戶將正在瀏覽的文本，通過復制、粘貼的方式進行傳播了。

oncopy事件：

定義和用法

oncopy 事件在用戶拷貝元素上的內(nèi)容時觸發(fā)。

提示： oncopy 事件在用戶拷貝元素時也會觸發(fā)，例如， 拷貝 <img> 元素。

提示： oncopy 事件通常用于 type="text" 的 <input> 元素。

提示： 有三種方式可以拷貝元素和內(nèi)容：

按下 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 事件在用戶向元素中粘貼文本時觸發(fā)。

注意： 雖然使用的 HTML 元素都支持 onpaste 事件，但實際上并非支持所有元素，例如 <p> 元素， 除非設置了 contenteditable 為 "true" (查看下文的更多實例)。

提示： onpaste 事件通常用于 type="text" 的 <input> 元素。

提示： 有三種方式可以在元素中粘貼內(nèi)容：

•按下 CTRL + V
•從瀏覽器的編輯菜單中選擇 "Paste（粘貼）"
•右擊鼠標按鈕在上下文菜單中選擇 "Paste（粘貼）" 命令。

瀏覽器支持

<element onpaste="myScript">

JavaScript中：

object.onpaste = function(){
 //操作
 myScript; 
}

JavaScript總，使用addEventListener()方法：

object.addEventListener('paste',myScript);
//Internet Explorer 8 及更早 IE 版本不支持 addEventListener() 方法。

實現(xiàn)原理：

執(zhí)行復制與粘貼事件，并在事件中返回false。

JavaScript代碼：

var bodyMain = document.getElementById('bodyMain' );
        
         //禁止復制
         bodyMain.oncopy = function(){
           return false;
        }
         //禁止粘貼
         bodyMain.onpaste = function(){
           return false;
}

以上這篇JavaScript禁止復制與粘貼的實現(xiàn)代碼就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。

最新評論