SVG موقع مؤشر الماوس

Question

وأود أن أعرف كيف يمكن استخدام جافا سكريبت لمعرفة مكان وجود مؤشر الماوس عندما يكون في حدود من viewBox SVG. هل أنا بحاجة إلى استخدام نموذج الحدث لمتابعة جميع الأحداث المختلفة حركة الماوس، أم أن هناك طريقة يمكنني استطلاع مؤشر الماوس لأنها قد تقول لي أين هو عندما كنت في حاجة إليها؟

Answer 1

ويمكنك ربط إلى الحدث onmousemove والوصول إلى الكائن الحدث:

function on_mouse_move(evt) {
  var
    x = evt.clientX,
    y = evt.clientY;
}

(وهذا يفترض متصل on_mouse_move إلى الحدث onmousemove الوثيقة SVG الخاص بك).