Javascript 按住鼠标的那一刻

Javascript 按住鼠标的那一刻,javascript,mouseevent,Javascript,Mouseevent,如何使用JavaScript从鼠标获取坐标?我怎样才能只保留鼠标按下时的坐标?鼠标向下事件是您的朋友。只需单击并按住灰色区域: var x=document.querySelector(“#x”) var y=document.querySelector(“#y”) document.querySelector('div')。addEventListener('mousedown',function(e){ x、 innerText=e.clientX y、 innerText=e.clien

如何使用JavaScript从鼠标获取坐标?我怎样才能只保留鼠标按下时的坐标?

鼠标向下事件是您的朋友。只需单击并按住灰色区域:

var x=document.querySelector(“#x”)
var y=document.querySelector(“#y”)
document.querySelector('div')。addEventListener('mousedown',function(e){
x、 innerText=e.clientX
y、 innerText=e.clientY
},false)
#目标{
宽度:200px;
高度:200px;
背景:灰色;
边框:1px纯黑;
}
X:
Y:
您可以提供一个画布,用户可以在画布上单击并捕获mouseDown事件,您可以通过以下示例和代码片段获得当前鼠标位置


把代码像一张纸一样贴出来。请提供一些您尝试过的代码。存在mousedown事件,请侦听该事件以及事件发生时调度的事件对象中的相关值。
var x = event.clientX;     // Get the horizontal coordinate
var y = event.clientY;     // Get the vertical coordinate
var coor = "X coords: " + x + ", Y coords: " + y;