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

去除HTML选择——兼容IE、FireFox(document.onselectstart,样式)

时间:2014-08-27 16:22:17      阅读:174      评论:0      收藏:0      [点我收藏+]

标签:blog   http   io   ar   art   cti   html   log   amp   

引之:http://taoistwar.iteye.com/blog/278963

今天做一个拖动效果,在网上找了个模板,作发后发现一拖动就会选择其它页面部分,需要去除这个效果,

找了个模板看了下发现有如下方法:只能被IE识别,

document.onselectstart=function(){return false}

优化后:(可能选择下拉列表框架)

document.onselectstart= function(event){
if(window.event) {
event =    window.event;
}
try {
var the = event.srcElement ;
if( !( ( the.tagName== "INPUT" && the.type.toLowerCase() == "text" ) || the.tagName== "TEXTAREA" ) )
{
return false;
}
return true ;
} catch(e) {
return false;
}
}

接着以找到用样式控制:

            body    
            {    
                    -moz-user-focus:   ignore;    
                    -moz-user-input:   disabled;    
                    -moz-user-select:   none;    
            }     

可以兼容FireFox.

最终解决。

去除HTML选择——兼容IE、FireFox(document.onselectstart,样式)

标签:blog   http   io   ar   art   cti   html   log   amp   

原文地址:http://www.cnblogs.com/icelin/p/3939553.html

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