码迷,mamicode.com
首页 > Web开发 > 详细

用js onselectstart事件鼠标禁止选中文字

时间:2014-07-09 23:33:57      阅读:306      评论:0      收藏:0      [点我收藏+]

标签:blog   使用   art   cti   html   io   

IE&&Chrome中适用此方法
document.onselectstart=function(){return false;}  

onselectstart是防止内容被选中默认状态是true
<body onselectstart=return(event.srcElement.type==‘text‘)>  
选不中  
<input type="text" name="" value="来选吧">  
</body>

一般如果把它设置在整个body上时如果body里边有输入框需要选中文字时可以这样
function doIt(){  
    var now=event.srcElement;  
    if(now.tagName=="input"){  
        return true;  
    }  
    else{  
        return false;  
    }  
}  

FF中对onselectstart方法是不支持的
在火狐中要使用css来控制
-moz-user-select:none;禁止选中文本

Chrome中的css解决方法
-khtml-user-select;禁止选中文本;也可使用js的方法来禁止

  

用js onselectstart事件鼠标禁止选中文字,布布扣,bubuko.com

用js onselectstart事件鼠标禁止选中文字

标签:blog   使用   art   cti   html   io   

原文地址:http://www.cnblogs.com/xiaoxiaosha/p/3829671.html

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