javascript-events - JSPページでJavaScriptを使用してマウスドラッグ座標をキャプチャする方法は?

Question

マウスイベントのstart (x,y)座標と座標をキャプチャする必要があります。end (x,y)例: HTML ページに画像があります。何が起こるかというと、ユーザーはマウス ドラッグを使用して特定の領域を選択できるようになります。

そのため、開始位置と終了位置の座標をキャプチャしたいと考えています。

Answer 1

var start = [];
var end = [];
myImage.addEventListener('mousedown',function(e){
    var e = e || event;
    start = [e.x || e.clientX,e.y || e.clientY];
});
document.addEventListener('mouseup',function(e){
    var e = e || event;
    end = [e.x || e.clientX,e.y || e.clientY];
});