clientX,pageX,offsetX,x,layerX,screenX,offsetLeft區(qū)別分析_javascript技巧
來源:懂視網(wǎng)
責(zé)編:小采
時(shí)間:2020-11-27 20:47:52
clientX,pageX,offsetX,x,layerX,screenX,offsetLeft區(qū)別分析_javascript技巧
clientX,pageX,offsetX,x,layerX,screenX,offsetLeft區(qū)別分析_javascript技巧:screenX:鼠標(biāo)在顯示屏幕上的坐標(biāo)。 clientX:鼠標(biāo)在頁面顯示區(qū)域的坐標(biāo)。 注:以上兩個(gè)都是各瀏覽器通用的。 pageX:FF特有,鼠標(biāo)在頁面上的位置,從頁面左上角開始定位,這個(gè)可以很方便在整個(gè)頁面上進(jìn)行定位,IE沒有直接替換的屬性。 layerX:FF特有
導(dǎo)讀clientX,pageX,offsetX,x,layerX,screenX,offsetLeft區(qū)別分析_javascript技巧:screenX:鼠標(biāo)在顯示屏幕上的坐標(biāo)。 clientX:鼠標(biāo)在頁面顯示區(qū)域的坐標(biāo)。 注:以上兩個(gè)都是各瀏覽器通用的。 pageX:FF特有,鼠標(biāo)在頁面上的位置,從頁面左上角開始定位,這個(gè)可以很方便在整個(gè)頁面上進(jìn)行定位,IE沒有直接替換的屬性。 layerX:FF特有

screenX:鼠標(biāo)在顯示屏幕上的坐標(biāo)。
clientX:鼠標(biāo)在頁面顯示區(qū)域的坐標(biāo)。
注:以上兩個(gè)都是各瀏覽器通用的。
pageX:FF特有,鼠標(biāo)在頁面上的位置,從頁面左上角開始定位,這個(gè)可以很方便在整個(gè)頁面上進(jìn)行定位,IE沒有直接替換的屬性。
layerX:FF特有,鼠標(biāo)相對(duì)于“觸發(fā)事件的元素的層級(jí)關(guān)系中離該元素最近的,設(shè)置了position的父元素”的邊界的位置,從border的左上角開始定位,即如果這個(gè)父元素存在border,則坐標(biāo)原點(diǎn)在border的左上角,而不是內(nèi)容區(qū)域的左上角。
offsetX:IE特有,鼠標(biāo)相對(duì)于“觸發(fā)事件的元素”的位置,從內(nèi)容區(qū)域左上角開始定位,不是從border左上角開始!這個(gè)屬性比較好用,用來判斷鼠標(biāo)點(diǎn)在一個(gè)元素中的哪個(gè)位置很方便,F(xiàn)F沒有直接替換的屬性。
x:IE特有,跟layerX一個(gè)效果,可作為layerX的直接替換屬性。
注:IE和FF的定位有個(gè)1px的差別,實(shí)際上,IE的定位從0開始,F(xiàn)F的定位從1開始,F(xiàn)F永遠(yuǎn)會(huì)比IE大1px,需要根據(jù)實(shí)際情況處理。
offsetLeft:這個(gè)屬性不是事件對(duì)象的屬性,而是DOM對(duì)象所有的,該屬性表示的是DOM對(duì)象在“該DOM對(duì)象的層級(jí)關(guān)系中離該對(duì)象最近的,設(shè)置了position的父對(duì)象”中的位置,雖然話是這么說的,但是不同的瀏覽器效果不一樣,F(xiàn)F中嚴(yán)格按上述說明執(zhí)行,但是在IE6/7中,這個(gè)屬性返回該DOM對(duì)象在其直接父對(duì)象中的位置,但是IE8改正了這個(gè)問題,不過IE8又有了一個(gè)新問題,其他的瀏覽器都是從父對(duì)象的內(nèi)容區(qū)域的左上角開始定位,IE8確是從父元素的border的左上角開始定位,由于測(cè)試環(huán)境為IETester中的IE8,不能排除是IETester的問題。
聲明:本網(wǎng)頁內(nèi)容旨在傳播知識(shí),若有侵權(quán)等問題請(qǐng)及時(shí)與本網(wǎng)聯(lián)系,我們將在第一時(shí)間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com
clientX,pageX,offsetX,x,layerX,screenX,offsetLeft區(qū)別分析_javascript技巧
clientX,pageX,offsetX,x,layerX,screenX,offsetLeft區(qū)別分析_javascript技巧:screenX:鼠標(biāo)在顯示屏幕上的坐標(biāo)。 clientX:鼠標(biāo)在頁面顯示區(qū)域的坐標(biāo)。 注:以上兩個(gè)都是各瀏覽器通用的。 pageX:FF特有,鼠標(biāo)在頁面上的位置,從頁面左上角開始定位,這個(gè)可以很方便在整個(gè)頁面上進(jìn)行定位,IE沒有直接替換的屬性。 layerX:FF特有