js獲得鼠標(biāo)的坐標(biāo)值的方法
var x , y;
//當(dāng)需求為獲得的坐標(biāo)值相對(duì)于body時(shí)，用：
function positionBody(event){
event = event||window.event;
//獲得相對(duì)于body定位的橫標(biāo)值；
x=event.clientX
//獲得相對(duì)于body定位的縱標(biāo)值；
y=event.clientY
}
//當(dāng)需求為獲得的坐標(biāo)值相對(duì)于某一對(duì)象時(shí)，用：
function positionObj(event,id){
//獲得對(duì)象相對(duì)于頁(yè)面的橫坐標(biāo)值；id為對(duì)象的id
var thisX = document.getElementById(id).offsetLeft;
//獲得對(duì)象相對(duì)于頁(yè)面的橫坐標(biāo)值；
var thisY = document.getElementById(id).offsetTop;
//獲得頁(yè)面滾動(dòng)的距離；
//注：document.documentElement.scrollTop為支持非谷歌內(nèi)核；document.body.scrollTop為谷歌內(nèi)核
var thisScrollTop = document.documentElement.scrollTop + document.body.scrollTop;
event = event||window.event;
//獲得相對(duì)于對(duì)象定位的橫標(biāo)值 = 鼠標(biāo)當(dāng)前相對(duì)頁(yè)面的橫坐標(biāo)值 - 對(duì)象橫坐標(biāo)值；
x = event.clientX - thisX;
//獲得相對(duì)于對(duì)象定位的縱標(biāo)值 = 鼠標(biāo)當(dāng)前相對(duì)頁(yè)面的縱坐標(biāo)值 - 對(duì)象縱坐標(biāo)值 + 滾動(dòng)條滾動(dòng)的高度；
y = event.clientY - thisY + thisScrollTop;
}
相關(guān)文章
本篇文章主要是對(duì)js保留小數(shù)點(diǎn)后幾位的寫(xiě)法進(jìn)行了介紹，需要的朋友可以過(guò)來(lái)參考下，希望對(duì)大家有所幫助2014-01-01
67 個(gè)節(jié)約開(kāi)發(fā)時(shí)間的前端開(kāi)發(fā)者的工具、庫(kù)和資源
在本文中，我不會(huì)去談 React、Angular、Vue 等等這些大的前端框架，也不會(huì)談 Atom、VS code、Sublime 等等這些已經(jīng)很出名的代碼編輯器，我只是想簡(jiǎn)單的分享一套我認(rèn)為有助于提升開(kāi)發(fā)者工作流的工具集2017-09-09
本篇文章主要是對(duì)php析構(gòu)函數(shù)的具體用法進(jìn)行了詳細(xì)的介紹，需要的朋友可以過(guò)來(lái)參考下，希望對(duì)大家有所幫助2014-03-03
js 動(dòng)態(tài)給元素添加、移除事件的實(shí)現(xiàn)方法
下面小編就為大家?guī)?lái)一篇js 動(dòng)態(tài)給元素添加、移除事件的實(shí)現(xiàn)方法。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-07-07
JS判斷字符串是否為整數(shù)的方法--簡(jiǎn)單的正則判斷
今天小編就為大家分享一篇JS判斷字符串是否為整數(shù)的方法--簡(jiǎn)單的正則判斷，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2018-07-07
webpack打包優(yōu)化的幾個(gè)方法總結(jié)
這篇文章主要介紹了webpack打包優(yōu)化的幾個(gè)方法總結(jié)，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2020-02-02
下面小編就為大家?guī)?lái)一篇使用js獲取偽元素的content實(shí)例。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-10-10
然后請(qǐng)分析下程序,我出以下題目,供牛牛們練手(RPG游戲開(kāi)發(fā) - 實(shí)戰(zhàn),不搞理論,著重程序?qū)崿F(xiàn)思路).2009-04-04
這篇文章主要介紹了JavaScript反射與依賴注入,結(jié)合實(shí)例形式較為詳細(xì)的分析了JavaScript反射與依賴注入的概念、原理、定義、使用方法及相關(guān)操作注意事項(xiàng),需要的朋友可以參考下2018-05-05
js中合并對(duì)象的幾種實(shí)現(xiàn)方法
"js 合并對(duì)象"是一種在JavaScript編程中常見(jiàn)的操作,用于將多個(gè)對(duì)象的屬性合并到一起,通常,我們會(huì)使用ES6的擴(kuò)展運(yùn)算符或者Object.assign()函數(shù)來(lái)實(shí)現(xiàn)這個(gè)功能,感興趣的可以了解一下2023-08-08