js禁用页面上右键菜单、选中和复制

有时候我们不想页面上的内容被人复制走,那么就可以使用js对页面进行设置,禁止右键菜单、禁止选中、禁止复制等功能可以有效的达到这个效果,js代码如下所示:

   /**
             * 禁用右键菜单
             */
            document.oncontextmenu = function(){
                event.returnValue = false;
            };
            /**
             * 禁用选中功能
             */
            document.onselectstart = function(){
                event.returnValue = false;
            };
            /**
             * 禁用复制功能
             */
            document.oncopy = function(){
                event.returnValue = false;
            };
            /**
             * 禁用鼠标的左右键
             * @param {Object} e
             */
            document.onmousedown = function(){
                if(event.which==1){//鼠标左键
                    return false;
                }
                
                if(event.which==3){//鼠标右键
                    return false;
                }
            };
            
            /**
             * 获取键盘上的输入值
             */
            document.onkeydown = function(){
                console.info(event.which);
                if(event.which==13){
                    console.info("回车键");
                }
            };

如果只是想禁止复制页面上的内容,只需要将前三个方法放到body标签中即可,后面的两个是对于键盘事件和鼠标事件的处理,可以根据event的which属性获取到当前的按下的键盘的值或者鼠标的键值。

posted @ 2017-04-20 16:10  汪强胜  Views(1489)  Comments(0Edit  收藏  举报