去除HTML選擇——相容IE、FireFox(document.onselectstart,樣式)

標籤：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,樣式)