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

查看全文

相关阅读:
为什么图层1剪切蒙版到图层2，图层1不见了？
制作放射状背景
 如何制作底纹(2)
如何制作底纹？
web网页按钮如何制作
 取得表中数据的insert语句
 Solr查询详解
 .NET开发过程中的全文索引使用技巧之Solr
工作中常用的数据库操作脚本整理
 如何在Linux上编译c++文件

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