在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 ...