DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> JavaScript禁止復制與粘貼的實現代碼
JavaScript禁止復制與粘貼的實現代碼
編輯:關於JavaScript     

復制粘貼

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

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禁止復制與粘貼的實現代碼就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支持。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved