田草博客

互联网田草博客


网友交流QQ群:11740834 需注明申请加入原因

微信 公众号:ByCAD

邮箱:tiancao1001x126.com
ByCAD,微信公众号
首页 | 普通 | 电脑 | AutoCAD | VB/VB.NET | FLash | 结构 | 建筑 | 电影 | BIM | 规范 | 软件 | ID
-随机-|-分布-
-博客论坛-|-﨣﨤﨧﨨-
-网站导航-|-规范下载-
-BelovedFLash欣赏-

用户登陆
用户:
密码:
 

站点日历
73 2024 - 12 48
1234567
891011121314
15161718192021
22232425262728
293031


站点统计

最新评论



坡屋面房屋高度怎么确定?带闷顶的房屋高度怎么确定? VB.net 调用嵌入的资源文件
未知 javascript 实现禁止右键,复制,选取文本   [ 日期:2017-11-16 ]   [ 来自:转帖 ]  HTML
转帖:http://justcoding.iteye.com/blog/1999249

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

1. JS 禁止右键
Html代码  收藏代码
程序代码:[ 复制代码到剪贴板 ]
<script type="text/javascript">document.oncontextmenu=function(e){return false;}</script>  
  
<body onselectstart="return false">  
......  

  
2. CSS 禁止复制和选取
如果让整个页面都禁止选择
Html代码  收藏代码
程序代码:[ 复制代码到剪贴板 ]
<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. 完整实例:
Java代码  收藏代码
程序代码:[ 复制代码到剪贴板 ]
<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-dis ... ext-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();  
        }  
}  




暂时没有评论
发表评论 - 不要忘了输入验证码哦!
作者: 用户:  密码:   注册? 验证:  防止恶意留言请输入问题答案:2*4=?  
评论:

禁止表情
禁止UBB
禁止图片
识别链接
识别关键字

字体样式 文字大小 文字颜色
插入粗体文本 插入斜体文本 插入下划线
左对齐 居中对齐 右对齐
插入超级链接 插入邮件地址 插入图像
插入 Flash 插入代码 插入引用
插入列表 插入音频文件 插入视频文件
插入缩进符合
点击下载按钮 下标 上标
水平线 简介分割标记
表  情
 
Tiancao Blog All Rights Reserved 田草博客 版权所有
Copyright ©