JavaScript禁止復(fù)制與粘貼的實(shí)現(xiàn)代碼
該操作是網(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(粘貼)" 命令。
瀏覽器支持
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è)參考,也希望大家多多支持腳本之家。
- js實(shí)現(xiàn)點(diǎn)擊圖片將圖片地址復(fù)制到粘貼板的方法
- Windwos服務(wù)器遠(yuǎn)程桌面不能復(fù)制粘貼的解決方法
- java簡(jiǎn)單實(shí)現(xiàn)復(fù)制 粘貼 剪切功能代碼分享
- javascript復(fù)制粘貼與clipboardData的使用
- 復(fù)制網(wǎng)頁(yè)內(nèi)容,粘貼之后自動(dòng)加上網(wǎng)址的實(shí)現(xiàn)方法(腳本之家特別整理)
- javascript實(shí)現(xiàn)復(fù)制與粘貼操作實(shí)例
- 網(wǎng)站內(nèi)容禁止復(fù)制和粘貼、另存為的js代碼
- html5+CSS 實(shí)現(xiàn)禁止IOS長(zhǎng)按復(fù)制粘貼功能
相關(guān)文章
通過(guò)js獲取上傳的圖片信息(臨時(shí)保存路徑,名稱,大?。┤缓笸ㄟ^(guò)ajax傳遞給后端的方法
最近有朋友向我請(qǐng)教,使用js獲取上傳圖片的信息然后通過(guò)ajax傳遞給后端,怎么實(shí)現(xiàn)呢?通過(guò)上網(wǎng)搜索大量資料,下面小編把我的解決辦法整理,分享給大家,需要的朋友可以參考下2015-10-10JS實(shí)現(xiàn)字符串去重及數(shù)組去重的方法示例
這篇文章主要介紹了JS實(shí)現(xiàn)字符串去重及數(shù)組去重的方法,涉及javascript針對(duì)字符串與數(shù)組的遍歷、判斷、刪除、添加等相關(guān)操作技巧,需要的朋友可以參考下2018-04-04js 截取或者替換字符串中的數(shù)字實(shí)現(xiàn)方法
下面小編就為大家?guī)?lái)一篇js 截取或者替換字符串中的數(shù)字實(shí)現(xiàn)方法。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-06-06javascript實(shí)現(xiàn)標(biāo)簽切換代碼示例
本文給大家分享的事tab切換的兩段js,均可實(shí)現(xiàn)標(biāo)簽切換功能,大家根據(jù)自己的需求自由選擇2016-05-05Javascript中的基本類型和引用類型概述說(shuō)明
這篇文章主要介紹了Javascript中的基本類型和引用類型的相關(guān)資料,包括基本類型和引用類型的概念及區(qū)別,數(shù)據(jù)類型檢測(cè)給大家詳細(xì)介紹了js基本類型和引用類型,非常不錯(cuò),需要的朋友可以參考下2022-11-11json實(shí)現(xiàn)添加、遍歷與刪除屬性的方法
這篇文章主要介紹了json實(shí)現(xiàn)添加、遍歷與刪除屬性的方法,結(jié)合簡(jiǎn)單實(shí)例形式分析了json常見(jiàn)的添加、遍歷與刪除操作相關(guān)技巧,需要的朋友可以參考下2016-06-06javascript實(shí)現(xiàn)相同事件名稱,不同命名空間的調(diào)用方法
這篇文章主要介紹了javascript實(shí)現(xiàn)相同事件名稱,不同命名空間的調(diào)用方法,涉及javascript命名空間及事件調(diào)用的技巧,需要的朋友可以參考下2015-06-06