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); //相對於瀏覽器
}