• 技术文章 >web前端 >前端问答

    javascript怎么禁止粘贴

    青灯夜游青灯夜游2022-01-26 14:52:28原创748

    javascript禁止粘贴的方法:1、给元素绑定onpaste事件,并设置事件处理函数;2、在事件处理函数中,设置“return false;”语句,表示触发粘贴事件时,返回false。

    本教程操作环境:windows7系统、javascript1.8.5版、Dell G3电脑。

    在javascript中,可使用onpaste事件禁止粘贴,onpaste事件在用户向元素中粘贴文本时触发。

    注意: 虽然使用的 HTML 元素都支持 onpaste 事件,但实际上并非支持所有元素,例如 <p> 元素, 除非设置了 contenteditable 为 "true" (查看下文的更多实例)。

    提示: onpaste 事件通常用于 type="text" 的 <input> 元素。

    提示: 有三种方式可以在元素中粘贴内容:

    按下 CTRL + V

    从浏览器的编辑菜单中选择 "Paste(粘贴)"

    右击鼠标按钮在上下文菜单中选择 "Paste(粘贴)" 命令。

    语法

    HTML中:

    <element onpaste="myScript">

    JavaScript中:

    object.onpaste = function(){
       //操作
       myScript;  
    }
    JavaScript中,使用addEventListener()方法:
    object.addEventListener('paste',myScript);2
    //Internet Explorer 8 及更早 IE 版本不支持 addEventListener() 方法。

    实现原理:

    执行复制与粘贴事件,并在事件中返回false。

    JavaScript代码:

    var bodyMain = document.getElementById('bodyMain' );
                      //禁止复制
                      bodyMain.oncopy = function(){
                           return false;
                    }      
                     //禁止粘贴      
                      bodyMain.onpaste = function(){   
                           return false; 
    }

    【相关推荐:javascript学习教程

    以上就是javascript怎么禁止粘贴的详细内容,更多请关注php中文网其它相关文章!

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    专题推荐:javascript 禁止粘贴
    上一篇:javascript中点号“.”是什么意思 下一篇:javascript中什么是严格模式
    20期PHP线上班

    相关文章推荐

    精选22门好课,价值3725元,开通VIP免费学习!• javascript中用来实现循环的方法有哪些• JavaScript如何让复选框不可见• JavaScript怎么去掉数字中的重复字符• javascript是客户端脚本语言吗• javascript有哪几种事件流• base是不是JavaScript保留字
    1/1

    PHP中文网