国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 語言 > JavaScript > 正文

JS獲取鼠標坐標的實例方法

2024-05-06 15:49:20
字體:
來源:轉載
供稿:網友
這篇文章介紹了JS獲取鼠標坐標的實例方法,有需要的朋友可以參考一下

復制代碼 代碼如下:


var restrictX; 
var restrictY; 
var tip; 
// 鼠標坐標  
function mousePosition(ev) { 
return { 
        x : ev.clientX + document.documentElement.scrollLeft - document.documentElement.clientLeft, 
        y : ev.clientY + document.documentElement.scrollTop - document.documentElement.clientTop 
    }; 

// 鼠標事件  
function mouseMove(ev) { 
    ev = ev || window.event; 
    var mousePos = mousePosition(ev); 
    restrictX = mousePos.x; 
    restrictY = mousePos.y; 

document.onmousemove = mouseMove; 
document.onclick = mouseMove; 


上面的代碼在谷歌和搜狐瀏覽器中獲取的值會不準確,需進行修改,如下:

復制代碼 代碼如下:


var restrictX; 
var restrictY; 
var tip; 
// 鼠標坐標  
function mousePosition(ev){ 
    var scrollLeft = document.documentElement.scrollLeft || document.body.scrollLeft; 
    var scrollTop = document.documentElement.scrollTop || document.body.scrollTop; 
    return { 
        x:ev.clientX + scrollLeft - document.documentElement.clientLeft, 
        y:ev.clientY + scrollTop - document.documentElement.clientTop 
    }; 

// 鼠標事件  
function mouseMove(ev){ 
    ev = ev || window.event; 
    var mousePos = mousePosition(ev); 
    restrictX = mousePos.x; 
    restrictY = mousePos.y; 

document.onmousemove = mouseMove; 
document.onclick = mouseMove; 


復制代碼 代碼如下:


var scrollLeft = document.documentElement.scrollLeft || document.body.scrollLeft;
var scrollTop = document.documentElement.scrollTop || document.body.scrollTop; 


這兩句為,如果能獲取到鼠標坐標,則去前面,否則用后面的方法獲取鼠標坐標,“|| ”后面的是給WebKit 內核的瀏覽器使用
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表

圖片精選

主站蜘蛛池模板: 镇远县| 高要市| 昌图县| 页游| 朝阳县| 连州市| 修水县| 馆陶县| 全州县| 偏关县| 安龙县| 都安| 巨鹿县| 宜黄县| 辽阳县| 余江县| 婺源县| 同德县| 荔波县| 余江县| 临高县| 桐庐县| 奇台县| 政和县| 海原县| 湖州市| 吉水县| 华蓥市| 门头沟区| 惠水县| 若尔盖县| 崇阳县| 广州市| 宁南县| 巫山县| 远安县| 鄂尔多斯市| 玉山县| 新龙县| 高尔夫| 甘肃省|