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

首頁 > 語言 > JavaScript > 正文

js獲取鼠標點擊的位置實現(xiàn)思路及代碼

2024-05-06 16:05:37
字體:
供稿:網(wǎng)友
常用的是 event.clientX和event.clientY分別獲取橫向的和縱向的位置,但僅使用這個方法是不夠的,感興趣的朋友可以了解本文

copy來的,但是原頁面的代碼還是需要修改,下面是修改可用的

常用的是 event.clientX和event.clientY分別獲取橫向的和縱向的位置,但僅使用這個方法是不夠的,因為event.clientX和event.clientY獲取的鼠標位置是相對于當前屏幕的,而不考慮頁面的滾動條所滾動的距離。

復制代碼 代碼如下:


function pointerX(event)
{
return event.pageX || (event.clientX + (document.documentElement.scrollLeft || document.body.scrollLeft));
}

function pointerY(event)
{
return event.pageY || (event.clientY + (document.documentElement.scrollTop || document.body.scrollTop));
}


兩個方法分別獲得相對整個頁面(而不是屏幕)的鼠標位置

event.pageX是在FF中所支持的,這樣就實現(xiàn)了跨瀏覽器操作

只需在其他方法中調(diào)用這兩個函數(shù)就可

復制代碼 代碼如下:


function getPointPosition(event)
{
var x_px_scr = event.clientX;
var y_px_scr = event.clientY;
alert("相對于當前屏幕的X軸偏移量" + x_px_scr);<span>//相對于設備(PC或移動設備)</span>
alert("相對于當前屏幕的Y軸偏移量" + y_px_scr);//相對于設備(PC或移動設備)
var x_Px_page = pointerX(event);
var y_Px_page = pointerY(event);
alert("相對于整個頁面的X軸偏移量" + x_Px_page); //相對于瀏覽器
alert("相對于整個頁面的Y軸偏移量" + y_Px_page); //相對于瀏覽器
}

發(fā)表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發(fā)表

圖片精選

主站蜘蛛池模板: 江西省| 合山市| 六盘水市| 玉树县| 敖汉旗| 门头沟区| 黎平县| 丰镇市| 成武县| 基隆市| 和龙市| 镇沅| 高邑县| 张家川| 龙陵县| 平度市| 定西市| 防城港市| 商丘市| 临潭县| 临西县| 基隆市| 宁城县| 利辛县| 武功县| 安乡县| 岢岚县| 东海县| 冷水江市| 治县。| 剑阁县| 潮州市| 合山市| 额济纳旗| 陇西县| 体育| 邵武市| 瑞丽市| 措勤县| 左云县| 榆树市|