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ì)于頁面的橫坐標(biāo)值；id為對(duì)象的id
var thisX = document.getElementById(id).offsetLeft;
//獲得對(duì)象相對(duì)于頁面的橫坐標(biāo)值；
var thisY = document.getElementById(id).offsetTop;
//獲得頁面滾動(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ì)頁面的橫坐標(biāo)值 - 對(duì)象橫坐標(biāo)值；
x = event.clientX - thisX;
//獲得相對(duì)于對(duì)象定位的縱標(biāo)值 = 鼠標(biāo)當(dāng)前相對(duì)頁面的縱坐標(biāo)值 - 對(duì)象縱坐標(biāo)值 + 滾動(dòng)條滾動(dòng)的高度；
y = event.clientY - thisY + thisScrollTop;
}
相關(guān)文章
javascript forEach函數(shù)實(shí)現(xiàn)代碼
在Base2中找到一個(gè)叫forEach的函數(shù)，是我見過的最好的實(shí)現(xiàn)。挖出來分析一下。它能對(duì)各種普通對(duì)象，字符串，數(shù)組以及類數(shù)組進(jìn)行遍歷。如果原游覽器的對(duì)象已實(shí)現(xiàn)此函數(shù)，它則調(diào)用原對(duì)象的函數(shù)。2010-01-01
Cookie就是這樣的一種機(jī)制。它可以彌補(bǔ)HTTP協(xié)議無狀態(tài)的不足。在Session出現(xiàn)之前，基本上所有的網(wǎng)站都采用Cookie來跟蹤會(huì)話。下面通過本文給大家介紹JS中cookie的使用及缺點(diǎn)，需要的朋友參考下吧2017-05-05
業(yè)務(wù)中比較常用的JavaScript工具函數(shù)，可以用在前端環(huán)境，也可以用在node服務(wù)端，統(tǒng)一整理，方便查閱，幫助大家更好的理解和使用JavaScript，感興趣的朋友可以了解下2020-09-09
基于javascript實(shí)現(xiàn)日歷功能原理及代碼實(shí)例
這篇文章主要介紹了基于javascript實(shí)現(xiàn)日歷效果原理及代碼實(shí)例,文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2020-05-05
JavaScript模擬實(shí)現(xiàn)網(wǎng)易云輪播效果
這篇文章主要介紹了如何利用JavaScript模仿網(wǎng)易云輪播效果的實(shí)現(xiàn)，文中的示例代碼講解詳細(xì)，對(duì)我們學(xué)習(xí)有一定幫助，需要的可以參考一下2022-04-04
微信小程序?qū)崿F(xiàn)列表項(xiàng)左滑刪除效果
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)列表項(xiàng)左滑刪除效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-08-08
a=0 if(a<1)alert(a),alert(1-a) VS if(a==0){alert(a);alert(1-a)}2008-02-02
JavaScript實(shí)現(xiàn)審核流程狀態(tài)的動(dòng)態(tài)顯示進(jìn)度條
對(duì)于有很多流程的東西，我們希望能夠根據(jù)不同的階段，用流程條對(duì)應(yīng)地進(jìn)行顯示，非常直觀，給用戶帶來極好的用戶體驗(yàn)，下面小編給大家分享JavaScript實(shí)現(xiàn)審核流程狀態(tài)的動(dòng)態(tài)顯示進(jìn)度條功能，需要的的朋友參考下2017-03-03
這篇文章主要介紹了微信小程序3D輪播實(shí)現(xiàn)代碼,文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2019-09-09
Javascript面象對(duì)象成員、共享成員變量實(shí)驗(yàn)
Javascript 面象對(duì)象成員、共享成員變量實(shí)驗(yàn)，需要的朋友可以參考下。2010-11-11