• HTML,JS禁止鼠标右键、禁止全选、复制、粘贴的方法


    禁止鼠标右键、禁止全选、复制、粘贴;

    oncontextmenu事件禁用右键菜单;
    js代码:

    document.oncontextmenu = function(){
        event.returnValue = false;
    }
    // 或者直接返回整个事件
    document.oncontextmenu = function(){
        return false;
    }

    onselectstart事件禁用网页上选取的内容;
    js代码:

    document.onselectstart = function(){
        event.returnValue = false;
    }
    // 或者直接返回整个事件
    document.onselectstart = function(){
        return false;
    }

    oncopy事件禁用复制;
    js代码:

    document.oncopy = function(){
        event.returnValue = false;
    }
    // 或者直接返回整个事件
    document.oncopy = function(){
        return false;
    }

    以上三种事件,如果只想单纯的禁用鼠标右键,和复制粘贴,还可以将它们直接写到HTML中的body上面;

    <body oncontextmenu = "return false" ></body>
    
    <body onselectstart = "return false" ></body>
    
    <body oncopy = "return false" ></body>

    禁用鼠标事件

    document.onmousedown = function(e){
        if ( e.which == 2 ){// 鼠标滚轮的按下,滚动不触发
            return false;
        }
        if( e.which==3 ){// 鼠标右键
            return false;
        }
    }

    禁用键盘中的ctrl、alt、shift

    document.onkeydown = function(){
        if( event.ctrlKey ){
            return false;
        }
        if ( event.altKey ){
            return false;
        }
        if ( event.shiftKey ){
            return false;
        }
    }

    关键就在  

      oncontextmenu='return false'
      ondragstart='return false' 
      onselectstart ='return false' 
      onselect='document.selection.empty()' 
      oncopy='document.selection.empty()' 
      onbeforecopy='return false' 
      onmouseup='document.selection.empty()'

    一个更简单的方法就是在<body>中加入如下的代码,这样鼠标的左右键都失效了. 

    topmargin="0" oncontextmenu="return false" ondragstart="return false" onselectstart ="return false" onselect="document.selection.empty()" oncopy="document.selection.empty()" onbeforecopy="return false" onmouseup="document.selection.empty()" 

    1.禁止网页另存为:在<body>后面加入以下代码: 
    <noscript> 
    <iframe src="*.htm"></iframe> 
    </noscript> 


    2.禁止网页内容复制.粘贴:在<body>中加入以下代码: 
    <body onmousemove=/HideMenu()/ oncontextmenu="return false" ondragstart="return false" onselectstart ="return false" onselect="document.selection.empty()" oncopy="document.selection.empty()" onbeforecopy="return false" onmouseup="document.selection.empty()">
  • 相关阅读:
    Nginx配置图片请求
    Nginx 配置浏览Linux 系统目录并下载文件
    SpringBoot + Dubbo + Zookper 整合
    mysql 随机选取一条符合条件的记录
    linux 安装rabbitMQ详细教程
    spring boot 实现redis 的key的过期监听,执行自己的业务
    springboot 配置将info、error、debug 分别输出到不同文件
    使用 mvn install 命令将本地jar包注册到本地maven仓库
    关于Snowflake 生成53位ID
    spring boot 或 spring 集成 atomikos jta 完成多数据源事务管理
  • 原文地址:https://www.cnblogs.com/happiness-mumu/p/6269465.html
Copyright © 2020-2023  润新知