js進階 9-8 html標籤如何實現禁止複製和粘貼

時間 2019-11-29

標籤進階 html 標籤如何實現禁止複製粘貼欄目 JavaScript 简体版

原文原文鏈接

js進階 9-8 html標籤如何實現禁止複製和粘貼

1、總結

一句話總結：

一、在oncopy方法中return false便可阻止在控件中複製內容javascript

二、在onpaste方法中return false便可阻止向控件中粘貼內容css

一、js中匿名函數和普通函數的區別？

除了沒有函數名，其它如出一轍，如出一轍html

二、經過獲取元素的element方式獲取的控件添加事件怎麼寫？

element.事件名=匿名函數。 text1.oncopy=function (){}java

2、js進階 9-8 html標籤如何實現禁止複製和粘貼

一、案例描述

禁止複製粘貼函數

1，onpaste 事件在用戶向元素中粘貼文本時觸發。測試
2，oncopy 事件在用戶拷貝元素上的內容時觸發。spa

二、代碼

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>演示文檔</title>
 6     <style type="text/css">
 7     </style>
 8 </head>
 9 <body>
10 <h5>禁止複製和粘貼</h5>
11 <form action="#" name="myform">
12     <p><input type="text" name="text1" value="禁止複製禁止粘貼"></p>
13     <p><input type="text"></p>
14 </form>
15 <script type="text/javascript">
16     var text1=document.forms['myform'].text1
17     text1.oncopy=function (){
18         alert('該內容禁止複製')
19         return false; 20         // alert('您複製了文本框裏的內容')
21     }
22     text1.onpaste=function (){
23         alert('禁止粘貼任何內容')
24         return false;
25     }
26 </script>    
27 </body>
28 </html>