js进阶 9-8 html标签如何实现禁止复制和粘贴
一、总结
1、在oncopy方法中return false即可阻止在控件中复制内容
2、在onpaste方法中return false即可阻止向控件中粘贴内容
二、js进阶 9-8 html标签如何实现禁止复制和粘贴
1、案例描述
禁止复制粘贴
-
1，onpaste 事件在用户向元素中粘贴文本时触发。
-
2，oncopy 事件在用户拷贝元素上的内容时触发。
2、代码
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>
三、测试题-简答题
1、js中匿名函数和普通函数的区别？
除了没有函数名，其它一模一样，一模一样
2、通过获取元素的element方式获取的控件添加事件怎么写？
element.事件名=匿名函数。 text1.oncopy=function (){}