快捷導(dǎo)航

JavaScript禁止復(fù)制與粘貼的實(shí)現(xiàn)代碼

更新時(shí)間：2016年05月16日 09:10:28 投稿：jingxian

下面小編就為大家?guī)?lái)一篇JavaScript禁止復(fù)制與粘貼的實(shí)現(xiàn)代碼。小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考，一起跟隨小編過(guò)來(lái)看看吧

復(fù)制粘貼

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

oncopy事件：

定義和用法

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

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

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

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

按下 CTRL + C

在你的瀏覽器的 Edit(編輯) 菜單中選擇 "Copy（復(fù)制）"

郵件鼠標(biāo)按鈕，在上下文菜單中選擇 "Copy（復(fù)制）" 命令。

瀏覽器支持

語(yǔ)法

HTML中：

<element oncopy="myScript">

JavaScript中：

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

JavaScript中，使用addEventListener()方法：

object.addEventListener('copy',myScript);
//IE8及更早的IE版本不支持addEventListener()方法

onpaste事件：

定義和用法

onpaste 事件在用戶向元素中粘貼文本時(shí)觸發(fā)。

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

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

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

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

瀏覽器支持

語(yǔ)法

HTML中：

<element onpaste="myScript">

JavaScript中：

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

JavaScript總，使用addEventListener()方法：

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

實(shí)現(xiàn)原理：

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

JavaScript代碼：

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

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

您可能感興趣的文章: