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

一、总结

一句话总结：

1、在oncopy方法中return false即可阻止在控件中复制内容

2、在onpaste方法中return false即可阻止向控件中粘贴内容

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

除了没有函数名，其它一模一样，一模一样

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

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

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

1、案例描述

禁止复制粘贴

1，onpaste 事件在用户向元素中粘贴文本时触发。
2，oncopy 事件在用户拷贝元素上的内容时触发。

2、代码

 <!DOCTYPE html>

 <html lang="en">

 <head>

     <meta charset="UTF-8">

     <title>演示文档</title>

     <style type="text/css">

     </style>

 </head>

 <body>

 <h5>禁止复制和粘贴</h5>

 <form action="#" name="myform">

     <p><input type="text" name="text1" value="禁止复制禁止粘贴"></p>

     <p><input type="text"></p>

 </form>

 <script type="text/javascript">

     var text1=document.forms['myform'].text1

     text1.oncopy=function (){

         alert('该内容禁止复制')

         return false;

         // alert('您复制了文本框里的内容')

     }

     text1.onpaste=function (){

         alert('禁止粘贴任何内容')

         return false;

     }

 </script>

 </body>

 </html>

三、测试题-简答题

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

除了没有函数名，其它一模一样，一模一样

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

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