js擷取滑鼠點擊的位置實現思路及代碼_javascript技巧

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中所支援的，這樣就實現了跨瀏覽器操作

只需在其他方法中調用這兩個函數就可

複製代碼 代碼如下:

function getPointPosition(event)
{
var x_px_scr = event.clientX;
var y_px_scr = event.clientY;
alert("相對於當前螢幕的X軸位移量" + x_px_scr);<span style="font-family: tahoma, helvetica, arial;">//相對於裝置(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); //相對於瀏覽器
}