javascript offsetX與layerX區(qū)別
更新時間：2010年03月12日 19:31:43 作者：
FF沒有offsetX屬性，有個layerX屬性，只要將事件源的位置設(shè)置成相對定位(position:relative)或絕對定位(position:absolute)，兩者結(jié)果就相等，表示事件源相對于父元素的X坐標。
一個簡單的例子：判斷鼠標位于事件源左邊還是右邊，在圖片點擊自動翻頁中常用到。
function GetMousePosStr (evnt,ele)
{
if(!evnt)
{
evnt = window.event;
}
var offsetX = evnt.offsetX ? evnt.offsetX : evnt.layerX;
if(evnt.offsetX < ele.offsetWidth / 2)
{
return 'left';
}
else
{
return 'right';
}
}
復制代碼 代碼如下:
function GetMousePosStr (evnt,ele)
{
if(!evnt)
{
evnt = window.event;
}
var offsetX = evnt.offsetX ? evnt.offsetX : evnt.layerX;
if(evnt.offsetX < ele.offsetWidth / 2)
{
return 'left';
}
else
{
return 'right';
}
}
相關(guān)文章
JS遍歷數(shù)組和對象的區(qū)別及遞歸遍歷對象、數(shù)組、屬性的方法詳解
本文給大家js遍歷數(shù)組和遍歷對象的區(qū)別，一般來說for用來遍歷數(shù)組對象而for-in用來遍歷非數(shù)組對象。接下來小編給大家?guī)砹薺s遍歷數(shù)組和對象的區(qū)別及js遞歸遍歷對象、數(shù)組、屬性的方法詳解，一起看下吧2016-06-06
在js中，閉包是一個很重要又相當不容易完全理解的要點,下面這篇文章主要給大家介紹了關(guān)于閉包在js中充當著什么角色的相關(guān)資料,文中通過實例代碼介紹的非常詳細,需要的朋友可以參考下2022-01-01
用javascript實現(xiàn)自定義標簽...2007-05-05
Bootstrap每天必學之縮略圖與警示窗，對Bootstrap縮略圖與警示窗小編也了解的很少，希望通過這篇文章和大家更多的去學習Bootstrap縮略圖與警示窗，從中得到收獲。2015-11-11
JavaScrip報錯:module?is?not?defined的原因及解決
這篇文章主要給大家介紹了關(guān)于JavaScrip報錯:module?is?not?defined的原因及解決方法,文中通過代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考借鑒價值,需要的朋友可以參考下2023-09-09
微信小程序?qū)W習筆記之表單提交與PHP后臺數(shù)據(jù)交互處理圖文詳解
這篇文章主要介紹了微信小程序?qū)W習筆記之表單提交與PHP后臺數(shù)據(jù)交互處理,結(jié)合實例形式詳細分析了微信小程序前臺數(shù)據(jù)form表單提交及后臺使用php進行處理相關(guān)操作技巧,并配以圖文形式詳細說明,需要的朋友可以參考下2019-03-03
直接從qq上獲取到奧運金牌的數(shù)量的代碼2008-08-08
這篇文章主要介紹了JavaScript中var的重要性,結(jié)合實例形式分析了javascript變量定義、作用范圍、作用域及相關(guān)操作注意事項,需要的朋友可以參考下2019-07-07
以前發(fā)布的防止被iframe的代碼，容易在火狐瀏覽器下， 不斷的刷新頁面。所以從網(wǎng)站找到了這篇文章。2010-07-07
js實現(xiàn)兼容性好的微軟官網(wǎng)導航下拉菜單效果
這篇文章主要介紹了js實現(xiàn)兼容性好的微軟官網(wǎng)導航下拉菜單效果,涉及JavaScript基于鼠標事件實現(xiàn)頁面樣式變換的技巧,非常具有實用價值,需要的朋友可以參考下2015-09-09