javascript offsetX與layerX區(qū)別
更新時(shí)間:2010年03月12日 19:31:43 作者:
FF沒(méi)有offsetX屬性,有個(gè)layerX屬性,只要將事件源的位置設(shè)置成相對(duì)定位(position:relative)或絕對(duì)定位(position:absolute),兩者結(jié)果就相等,表示事件源相對(duì)于父元素的X坐標(biāo)。
一個(gè)簡(jiǎn)單的例子:判斷鼠標(biāo)位于事件源左邊還是右邊,在圖片點(diǎn)擊自動(dòng)翻頁(yè)中常用到。
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';
}
}
復(fù)制代碼 代碼如下:
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)文章
TypeScript入門(mén)-基本數(shù)據(jù)類(lèi)型
本文主要介紹了TypeScript基本數(shù)據(jù)類(lèi)型的相關(guān)知識(shí)。具有很好的參考價(jià)值,下面跟著小編一起來(lái)看下吧2017-03-03ES6新特性三: Generator(生成器)函數(shù)詳解
這篇文章主要介紹了ES6新特性之Generator(生成器)函數(shù),簡(jiǎn)單分析了Generator(生成器)函數(shù)的功能、定義、調(diào)用方法并結(jié)合實(shí)例形式給出了相關(guān)使用技巧,需要的朋友可以參考下2017-04-04JavaScript統(tǒng)計(jì)字符串中每個(gè)字符出現(xiàn)次數(shù)完整實(shí)例
這篇文章主要介紹了JavaScript統(tǒng)計(jì)字符串中每個(gè)字符出現(xiàn)次數(shù)的方法,以完整實(shí)例形式分析了JavaScript針對(duì)字符串中字符的遍歷操作相關(guān)技巧,需要的朋友可以參考下2016-01-01javascript oop開(kāi)發(fā)滑動(dòng)(slide)菜單控件
這里因?yàn)槭茄菔舅宰孒TML CSS盡量的簡(jiǎn)化,另外使用jquery的 fn.slideUp fn.slideDown 實(shí)現(xiàn)起來(lái)會(huì)更容易不過(guò)我作為一個(gè)專(zhuān)業(yè)的開(kāi)發(fā)者多了解些原生的JS對(duì)技術(shù)的提高還是很有幫助。2010-08-08JS實(shí)現(xiàn)頁(yè)面數(shù)據(jù)懶加載
這篇文章主要為大家詳細(xì)介紹了JS實(shí)現(xiàn)頁(yè)面數(shù)據(jù)懶加載,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2020-02-02JavaScript forEach 方法跳出循環(huán)的操作方法
這篇文章主要介紹了JavaScript forEach 方法跳出循環(huán)的操作方法,本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2024-01-01元素的內(nèi)聯(lián)事件處理函數(shù)的特殊作用域在各瀏覽器中存在差異
在一個(gè)元素的屬性中綁定事件,實(shí)際上就創(chuàng)建了一個(gè)內(nèi)聯(lián)事件處理函數(shù)(如<h1 onclick="alert(this);"...>...</h1>),內(nèi)聯(lián)事件處理函數(shù)有其特殊的作用域鏈,并且各瀏覽器的實(shí)現(xiàn)細(xì)節(jié)也有差異。2011-01-01