六狼论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

新浪微博账号登陆

只需一步,快速开始

搜索
查看: 157|回复: 0

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

[复制链接]

升级  61.33%

114

主题

114

主题

114

主题

举人

Rank: 3Rank: 3

积分
384
 楼主| 发表于 2013-2-7 19:58:01 | 显示全部楼层 |阅读模式
今天做一个拖动效果,在网上找了个模板,作发后发现一拖动就会选择其它页面部分,需要去除这个效果,
找了个模板看了下发现有如下方法:只能被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.
最终解决。
您需要登录后才可以回帖 登录 | 立即注册 新浪微博账号登陆

本版积分规则

快速回复 返回顶部 返回列表