整理的比較全的event對(duì)像在ie與firefox瀏覽器中的區(qū)別
更新時(shí)間：2013年11月25日 17:02:58 作者：
event對(duì)像在IE與FF中的區(qū)別，本文整理了很多，個(gè)人感覺(jué)還是比較全面的，需要的朋友可以收藏下
window.event
IE：有window.event對(duì)象
FF：沒(méi)有window.event對(duì)象。可以通過(guò)給函數(shù)的參數(shù)傳遞event對(duì)象。如onmousemove=doMouseMove(event)
鼠標(biāo)當(dāng)前坐標(biāo)
IE：event.x和event.y。
FF：event.pageX和event.pageY。
通用：兩者都有event.clientX和event.clientY屬性。
鼠標(biāo)當(dāng)前坐標(biāo)(加上滾動(dòng)條滾過(guò)的距離)
IE：event.offsetX和event.offsetY。
FF：event.layerX和event.layerY。
標(biāo)簽的x和y的坐標(biāo)位置：style.posLeft 和 style.posTop
IE：有。
FF：沒(méi)有。
通用：object.offsetLeft 和 object.offsetTop。
窗體的高度和寬度
IE：document.body.offsetWidth和document.body.offsetHeight。注意：此時(shí)頁(yè)面一定要有body標(biāo)簽。
FF：window.innerWidth和window.innerHegiht，以及document.documentElement.clientWidth和document.documentElement.clientHeight。
通用：document.body.clientWidth和document.body.clientHeight。
添加事件
IE：element.attachEvent(”onclick”, func);。
FF：element.addEventListener(”click”, func, true)。
通用：element.onclick=func。雖然都可以使用onclick事件，但是onclick和上面兩種方法的效果是不一樣的，onclick只有執(zhí)行一個(gè)過(guò)程，而attachEvent和addEventListener執(zhí)行的是一個(gè)過(guò)程列表，也就是多個(gè)過(guò)程。例如：element.attachEvent(”onclick”, func1);element.attachEvent(”onclick”, func2)這樣func1和func2都會(huì)被執(zhí)行。
標(biāo)簽的自定義屬性
IE：如果給標(biāo)簽div1定義了一個(gè)屬性value，可以div1.value和div1[”value”]取得該值。
FF：不能用div1.value和div1[”value”]取。
通用：div1.getAttribute(”value”)。
父節(jié)點(diǎn)、子節(jié)點(diǎn)和刪除節(jié)點(diǎn)
IE：parentElement、parement.children，element.romoveNode(true)。
FF：parentNode、parentNode.childNodes，node.parentNode.removeChild(node)。
IE：有window.event對(duì)象
FF：沒(méi)有window.event對(duì)象。可以通過(guò)給函數(shù)的參數(shù)傳遞event對(duì)象。如onmousemove=doMouseMove(event)
鼠標(biāo)當(dāng)前坐標(biāo)
IE：event.x和event.y。
FF：event.pageX和event.pageY。
通用：兩者都有event.clientX和event.clientY屬性。
鼠標(biāo)當(dāng)前坐標(biāo)(加上滾動(dòng)條滾過(guò)的距離)
IE：event.offsetX和event.offsetY。
FF：event.layerX和event.layerY。
標(biāo)簽的x和y的坐標(biāo)位置：style.posLeft 和 style.posTop
IE：有。
FF：沒(méi)有。
通用：object.offsetLeft 和 object.offsetTop。
窗體的高度和寬度
IE：document.body.offsetWidth和document.body.offsetHeight。注意：此時(shí)頁(yè)面一定要有body標(biāo)簽。
FF：window.innerWidth和window.innerHegiht，以及document.documentElement.clientWidth和document.documentElement.clientHeight。
通用：document.body.clientWidth和document.body.clientHeight。
添加事件
IE：element.attachEvent(”onclick”, func);。
FF：element.addEventListener(”click”, func, true)。
通用：element.onclick=func。雖然都可以使用onclick事件，但是onclick和上面兩種方法的效果是不一樣的，onclick只有執(zhí)行一個(gè)過(guò)程，而attachEvent和addEventListener執(zhí)行的是一個(gè)過(guò)程列表，也就是多個(gè)過(guò)程。例如：element.attachEvent(”onclick”, func1);element.attachEvent(”onclick”, func2)這樣func1和func2都會(huì)被執(zhí)行。
標(biāo)簽的自定義屬性
IE：如果給標(biāo)簽div1定義了一個(gè)屬性value，可以div1.value和div1[”value”]取得該值。
FF：不能用div1.value和div1[”value”]取。
通用：div1.getAttribute(”value”)。
父節(jié)點(diǎn)、子節(jié)點(diǎn)和刪除節(jié)點(diǎn)
IE：parentElement、parement.children，element.romoveNode(true)。
FF：parentNode、parentNode.childNodes，node.parentNode.removeChild(node)。
相關(guān)文章
在做項(xiàng)目中，將實(shí)體轉(zhuǎn)化為JSON后，結(jié)果后臺(tái)返回json時(shí)間格式為/Date(1306418993027)/，在前臺(tái)JS里顯示的并不是真正的日期，而且我們不能把所有日期字段都變成string吧，因此寫(xiě)了Javascript的擴(kuò)展方法，來(lái)實(shí)現(xiàn)這個(gè)功能，代碼如下2016-08-08
JS使用Promise時(shí)常見(jiàn)的5個(gè)錯(cuò)誤總結(jié)
Promise?提供了一種優(yōu)雅的方法來(lái)處理?JS?中的異步操作。這也是避免“回調(diào)地獄”的解決方案。然而，并沒(méi)有多少開(kāi)發(fā)人員了解其中的內(nèi)容。因此，許多人在實(shí)踐中往往會(huì)犯錯(cuò)誤。在本文中，介紹一下使用?promise?時(shí)的五個(gè)常見(jiàn)錯(cuò)誤，希望大家能夠避免2022-11-11
如何使用pace.js美化你的網(wǎng)站加載進(jìn)度條詳解
Pace.js是一個(gè)非常有意思的js插件,可以自動(dòng)的監(jiān)聽(tīng)頁(yè)面的加載數(shù)據(jù),并且能夠定制加載條,下面這篇文章主要給大家介紹了關(guān)于使用pace.js如何美化你的網(wǎng)站加載進(jìn)度條的相關(guān)資料,需要的朋友可以參考下2022-02-02
這篇文章主要介紹了JavaScript定時(shí)顯示廣告代碼分享,本文直接給出實(shí)現(xiàn)代碼,需要的朋友可以參考下2015-03-03
Bootstrap實(shí)現(xiàn)帶動(dòng)畫(huà)過(guò)渡的彈出框
這篇文章主要為大家詳細(xì)介紹了Bootstrap實(shí)現(xiàn)帶動(dòng)畫(huà)過(guò)渡的彈出框，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-08-08
這篇文章主要介紹了JS實(shí)現(xiàn)閉包中的沙箱模式,結(jié)合實(shí)例形式分析了閉包模塊化實(shí)現(xiàn)沙箱模式的原理、步驟與相關(guān)操作技巧,需要的朋友可以參考下2017-09-09
Js實(shí)現(xiàn)當(dāng)前點(diǎn)擊a標(biāo)簽變色突出顯示其他a標(biāo)簽回復(fù)原色
當(dāng)一個(gè)頁(yè)面有多個(gè)a標(biāo)簽，實(shí)現(xiàn)當(dāng)前點(diǎn)擊a標(biāo)簽變色，其他a標(biāo)簽回復(fù)原色，具體實(shí)現(xiàn)如下，喜歡的朋友可以參考下2013-11-11
基于JavaScript的數(shù)據(jù)結(jié)構(gòu)隊(duì)列動(dòng)畫(huà)實(shí)現(xiàn)示例解析
這篇文章主要介紹了基于JavaScript的數(shù)據(jù)結(jié)構(gòu)隊(duì)列動(dòng)畫(huà)實(shí)現(xiàn)示例解析，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2020-08-08
element select下拉框編輯時(shí)回顯已經(jīng)刪除的數(shù)據(jù)操作代碼
今天做項(xiàng)目遇到一個(gè)棘手的問(wèn)題,關(guān)于element select下拉框編輯時(shí)回顯問(wèn)題,下面小編通過(guò)實(shí)例代碼介紹element select下拉框編輯時(shí)回顯已經(jīng)刪除的數(shù)據(jù),感興趣的朋友跟隨小編一起看看吧2024-05-05
在這里和廣大腳本之家站的朋友們分享一個(gè)使用js實(shí)現(xiàn)商城星星評(píng)分的效果，希望能給大家點(diǎn)幫助2014-07-07