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>

js进阶 9-8 html标签如何实现禁止复制和粘贴

js进阶 9-8 html标签如何实现禁止复制和粘贴

1、总结

一句话总结：

一、js中匿名函数和普通函数的区别？

二、经过获取元素的element方式获取的控件添加事件怎么写？

2、js进阶 9-8 html标签如何实现禁止复制和粘贴

一、案例描述

二、代码

3、测试题-简答题

一、js中匿名函数和普通函数的区别？

二、经过获取元素的element方式获取的控件添加事件怎么写？