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

最新推荐文章于 2024-08-27 13:38:21 发布

abn1808

最新推荐文章于 2024-08-27 13:38:21 发布

阅读量147

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/webfby/p/4959266.html

版权

1. JS 禁止右键

<script type="text/javascript">document.οncοntextmenu=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.οndragstart=iEsc;
document.οnkeydοwn=DisableKeys;
document.οncοntextmenu=iEsc;

if (typeof document.onselectstart !="undefined") document.onselectstart=iEsc;
else
{
    document.οnmοusedοwn=iEsc;
    document.οnmοuseup=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

转载于:https://www.cnblogs.com/webfby/p/4959266.html

abn1808

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
javascript 实现禁止右键，复制，选取文本 (兼容firefox，IE，chrome等主流浏览器)...

1. JS 禁止右键<script type="text/javascript">document.oncontextmenu=function(e){return false;}</script><body onselectstart="return false">......2. CSS 禁止复制和选取如果让整个页面...
复制链接

扫一扫