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