码迷,mamicode.com
首页 > 编程语言 > 详细

javascript 实现禁止右键,复制,选取文本 (兼容firefox,IE,chrome等主流浏览器)

时间:2015-11-12 16:02:53      阅读:458      评论:0      收藏:0      [点我收藏+]

标签:

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

 

 

javascript 实现禁止右键,复制,选取文本 (兼容firefox,IE,chrome等主流浏览器)

标签:

原文地址:http://www.cnblogs.com/webfby/p/4959266.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!