zoukankan      html  css  js  c++  java
  • javascript 实现禁止右键,复制,选取文本 (兼容firefox,IE,chrome等主流浏览器)

    1. JS 禁止右键

    <script type="text/javascript">document.oncontextmenu=function(e){return false;}</script>
    
    <body onselectstart="return false">
    ......
    2. CSS 禁止复制和选取
    如果让整个页面都禁止选择  
    <style type="text/css">
    body {
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;  
    }
    </style>  

    如果是局部

    Html代码

    <style type="text/css">
    .unselectable {
       -moz-user-select: -moz-none;
       -khtml-user-select: none;
       -webkit-user-select: none;
    
       /*
         Introduced in IE 10.
         See http://ie.microsoft.com/testdrive/HTML5/msUserSelect/
       */
       -ms-user-select: none;
       user-select: none;
    }
    </style>

    3. 完整实例:

    <style type="text/css">  
    body {  
        -webkit-touch-callout: none;  
        -webkit-user-select: none;  
        -khtml-user-select: none;  
        -moz-user-select: none;  
        -ms-user-select: none;  
        user-select: none;  
    }  
    </style>  
    <script langauge="javascript">  
    document.oncontextmenu=function(e){return false;}  
    </script>   
    </head>  
      
    <body onselectstart="return false">  
    ... ...  

    参考: http://outofmemory.cn/code-snippet/310/css-disable-user-select-text-jianrong-suoyou-liulanqi

    或者:

    Html代码
    body{
        -webkit-touch-callout: none;  
        -webkit-user-select: none;  
        -khtml-user-select: none;  
        -moz-user-select: none;  
        -ms-user-select: none;  
        user-select: none;  
    }
    
    function iEsc(){ return false; }
    function iRec(){ return true; }
    function DisableKeys() {
        if(event.ctrlKey || event.shiftKey || event.altKey)  {
        window.event.returnValue=false;
        iEsc();}
    }
    
    document.ondragstart=iEsc;
    document.onkeydown=DisableKeys;
    document.oncontextmenu=iEsc;
    
    if (typeof document.onselectstart !="undefined") document.onselectstart=iEsc;
    else
    {
        document.onmousedown=iEsc;
        document.onmouseup=iRec;
    }
    
    function DisableRightClick(e)
    {
        if (window.Event){ if (e.which == 2 || e.which == 3) iEsc();}
        else
            if (event.button == 2 || event.button == 3)
            {
                event.cancelBubble = true
                event.returnValue = false;
                iEsc();
            }
    }

    原文链接http://justcoding.iteye.com/blog/1999249

     
  • 相关阅读:
    使用 libevent 和 libev 提高网络应用性能
    An existing connection was forcibly closed by the remote host
    各种浏览器的兼容css
    vs输出窗口,显示build的时间
    sass
    网站设置404错误页
    List of content management systems
    css footer not displaying at the bottom of the page
    强制刷新css
    sp_executesql invalid object name
  • 原文地址:https://www.cnblogs.com/webfby/p/4959266.html
Copyright © 2011-2022 走看看