ie和firefox不兼容的解決方法集合
更新時(shí)間:2009年04月28日 19:30:06 作者:
網(wǎng)頁設(shè)計(jì)很多情況下,需要注意ie跟firefox的不同區(qū)別,腳本之家提供了不好這樣的文章,大家可以好好看下。
1、firefox和ie事件event處理
在ie中,事件對象是作為一個(gè)全局變量來保存和維護(hù)的。 所有的瀏覽器事件,不管是用戶觸發(fā)
的,還是其他事件, 都會(huì)更新window.event 對象。 所以在代碼中,只要輕松調(diào)用 window.event
就可以輕松獲取 事件對象, 再 event.srcElement 就可以取得觸發(fā)事件的元素進(jìn)行進(jìn)一步處理
在ff中, 事件對象卻不是全局對象,一般情況下,是現(xiàn)場發(fā)生,現(xiàn)場使用,ff把事件對象自動(dòng)傳
遞給對應(yīng)的事件處理函數(shù)。 在代碼中,函數(shù)的第一個(gè)參數(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()
{ //同時(shí)兼容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中不支持,返回錯(cuò)誤!
只要使用cursor:pointer即可,ff和ie都支持!
在ie中,事件對象是作為一個(gè)全局變量來保存和維護(hù)的。 所有的瀏覽器事件,不管是用戶觸發(fā)
的,還是其他事件, 都會(huì)更新window.event 對象。 所以在代碼中,只要輕松調(diào)用 window.event
就可以輕松獲取 事件對象, 再 event.srcElement 就可以取得觸發(fā)事件的元素進(jìn)行進(jìn)一步處理
在ff中, 事件對象卻不是全局對象,一般情況下,是現(xiàn)場發(fā)生,現(xiàn)場使用,ff把事件對象自動(dòng)傳
遞給對應(yīng)的事件處理函數(shù)。 在代碼中,函數(shù)的第一個(gè)參數(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()
{ //同時(shí)兼容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中不支持,返回錯(cuò)誤!
只要使用cursor:pointer即可,ff和ie都支持!
相關(guān)文章
JavaScript深入V8引擎以及編寫優(yōu)化代碼的5個(gè)技巧
這篇文章主要介紹了JavaScript深入V8引擎以及編寫優(yōu)化代碼的5個(gè)技巧,JavaScript引擎是執(zhí)行 JavaScript 代碼的程序或解釋器。JavaScript引擎可以實(shí)現(xiàn)為標(biāo)準(zhǔn)解釋器,或者以某種形式將JavaScript編譯為字節(jié)碼的即時(shí)編譯器。,需要的朋友可以參考下
2019-06-06
Javascript使用post方法提交數(shù)據(jù)實(shí)例
這篇文章主要介紹了Javascript使用post方法提交數(shù)據(jù),實(shí)例分析了javascript實(shí)現(xiàn)post提交數(shù)據(jù)的相關(guān)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下
2015-08-08
純JavaScript實(shí)現(xiàn)的完美漸變彈出層效果代碼
對于Web項(xiàng)目開發(fā)尤其是前臺(tái)UI的設(shè)計(jì)而言,用戶體驗(yàn)至關(guān)重要,因?yàn)樗苯雨P(guān)系到項(xiàng)目的成敗,簡潔,平滑,優(yōu)雅的設(shè)計(jì)永遠(yuǎn)能夠受到用戶的青睞。
2010-04-04
fastclick插件導(dǎo)致日期(input[type="date"])控件無法被觸發(fā)該如何解決
這篇文章主要介紹了fastclick插件導(dǎo)致日期(input[type="date"])控件無法被觸發(fā)該如何解決,需要的朋友可以參考下
2015-11-11
JavaScript+html5 canvas實(shí)現(xiàn)本地截圖教程
這篇文章主要為大家詳細(xì)介紹了JavaScript+html5 canvas實(shí)現(xiàn)本地截圖教程,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
2016-02-02 
