ie和firefox不兼容的解決方法集合
更新時間:2009年04月28日 19:30:06 作者:
網(wǎng)頁設(shè)計很多情況下,需要注意ie跟firefox的不同區(qū)別,腳本之家提供了不好這樣的文章,大家可以好好看下。
1、firefox和ie事件event處理
在ie中,事件對象是作為一個全局變量來保存和維護(hù)的。 所有的瀏覽器事件,不管是用戶觸發(fā)
的,還是其他事件, 都會更新window.event 對象。 所以在代碼中,只要輕松調(diào)用 window.event
就可以輕松獲取 事件對象, 再 event.srcElement 就可以取得觸發(fā)事件的元素進(jìn)行進(jìn)一步處理
在ff中, 事件對象卻不是全局對象,一般情況下,是現(xiàn)場發(fā)生,現(xiàn)場使用,ff把事件對象自動傳
遞給對應(yīng)的事件處理函數(shù)。 在代碼中,函數(shù)的第一個參數(shù)就是ff下的事件對象了。
<button id="btn4" onclick="foo4()">按鈕4</button>
<script>
function foo4(){
var evt=getEvent();
var element=evt.srcElement || evt.target ;
alert(element.id)
}
function getEvent()
{ //同時兼容ie和ff的寫法
if(document.all) return window.event;
func=getEvent.caller;
while(func!=null){
var arg0=func.arguments[0];
if(arg0){
if((arg0.constructor==Event || arg0.constructor ==MouseEvent) || (typeof(arg0)=="object" && arg0.preventDefault && arg0.stopPropagation)){
return arg0;
}
}
func=func.caller;
}
return null;
}
</script>
2、firefox和ie對手型指針cursor不兼容
手型指針有cursor:hand和cursor:pointer兩種寫法,其中cursor:hand在ff中不支持,返回錯誤!
只要使用cursor:pointer即可,ff和ie都支持!
在ie中,事件對象是作為一個全局變量來保存和維護(hù)的。 所有的瀏覽器事件,不管是用戶觸發(fā)
的,還是其他事件, 都會更新window.event 對象。 所以在代碼中,只要輕松調(diào)用 window.event
就可以輕松獲取 事件對象, 再 event.srcElement 就可以取得觸發(fā)事件的元素進(jìn)行進(jìn)一步處理
在ff中, 事件對象卻不是全局對象,一般情況下,是現(xiàn)場發(fā)生,現(xiàn)場使用,ff把事件對象自動傳
遞給對應(yīng)的事件處理函數(shù)。 在代碼中,函數(shù)的第一個參數(shù)就是ff下的事件對象了。
<button id="btn4" onclick="foo4()">按鈕4</button>
<script>
function foo4(){
var evt=getEvent();
var element=evt.srcElement || evt.target ;
alert(element.id)
}
function getEvent()
{ //同時兼容ie和ff的寫法
if(document.all) return window.event;
func=getEvent.caller;
while(func!=null){
var arg0=func.arguments[0];
if(arg0){
if((arg0.constructor==Event || arg0.constructor ==MouseEvent) || (typeof(arg0)=="object" && arg0.preventDefault && arg0.stopPropagation)){
return arg0;
}
}
func=func.caller;
}
return null;
}
</script>
2、firefox和ie對手型指針cursor不兼容
手型指針有cursor:hand和cursor:pointer兩種寫法,其中cursor:hand在ff中不支持,返回錯誤!
只要使用cursor:pointer即可,ff和ie都支持!
相關(guān)文章
JavaScript canvas復(fù)刻蘋果發(fā)布會環(huán)形進(jìn)度條
canvas 真是一個好東西,它給前端插上了想象的翅膀,伴隨著 h5 而來,將 web 代入了新的領(lǐng)域。本文將利用anvas復(fù)刻蘋果發(fā)布會環(huán)形進(jìn)度條,感興趣的可以嘗試一下2022-07-07JavaScript數(shù)據(jù)類型檢測實(shí)現(xiàn)方法詳解
Javascript中檢查數(shù)據(jù)類型一直是老生常談的問題,類型判斷在web開發(fā)中也有著非常廣泛的應(yīng)用,所以下面這篇文章主要給大家介紹了關(guān)于JS數(shù)據(jù)類型檢測的那些事,需要的朋友可以參考下2022-11-11js/jquery遍歷對象和數(shù)組的方法分析【forEach,map與each方法】
這篇文章主要介紹了js/jquery遍歷對象和數(shù)組的方法,結(jié)合實(shí)例形式分析了數(shù)組遍歷的forEach,map與each方法常見使用技巧,需要的朋友可以參考下2019-02-02