angularjs獲取當前滑鼠的位置

2021-07-22 06:39:10 字數 847 閱讀 7296

在angularjs專案中,canvas畫圖經常會要求獲取使用者當前滑鼠的座標位置,而且因為不同瀏覽器獲取資料的方式不同,避免每次都去寫實現該功能的**。 因此把該功能寫成乙個函式,以後直接呼叫就行了, 封裝函式如下:

// 獲取當前dom元素

function getcrossbrowserelement(mouseevent);

if (!mouseevent)

if (mouseevent.pagex || mouseevent.pagey)

else if (mouseevent.clientx || mouseevent.clienty)

result.relativex = result.x;

result.relativey = result.y;

if (mouseevent.target)

}else

result.relativex -= offx;

result.relativey -= offy;

}result.currentdomid = mouseevent.target.id;

return result;

}

使用示例:

your browser not support canvas, please upgrade your browser.

對應的js**如下:

$scope.oncanvasclicked = function(event)

便能獲取到滑鼠在元素上的相對位置,以及在螢幕上的絕對位置。

C 獲取滑鼠當前座標

control.pointtoscreen 將指定工作區點的位置計算成螢幕座標 control.mouseposition 滑鼠相對於屏左上角的坐 this.pointtoclient control.mouseposition 將指定螢幕點的位置計算成工作區座標 滑鼠相對於窗體工作區的座標 thi...

js如何獲取滑鼠當前座標?

在進行業務功能實現時,有時需要根據滑鼠當前位置進行一定的操作。那麼該如何獲取到滑鼠當前的位置呢?經過一番嘗試與查詢,找到乙個比較便捷的方法,在此進行記錄 let sh window.pageyoffset document.documentelement.scrolltop document.bod...

C 如何獲取滑鼠相對當前視窗的座標

可以用control.mouseposition獲得當前滑鼠的座標,使用pointtoclient計算滑鼠相對於某個控制項的座標,如下 第一種 滑鼠相對於螢幕左上角的座標 point screenpoint control.mouseposition 第二種 滑鼠相對於窗體左上角的座標 point ...