Mendapatkan Koordinat Posisi Pointer Mouse Terhadap Area

Published by Concept Phone Kamis, 24 Januari 2019

Dapatkan koordinat posisi pointer mouse dari sebuah area #area:

$(function() {     $("#area").mousemove(function(e) {         var offset = $(this).offset();         var relativeX = (e.pageX - offset.left);         var relativeY = (e.pageY - offset.top);         $(this).text("X: " + relativeX + ", Y: " + relativeY);     }); });

Lihat Demo

Catatan: Setelah Saya cek ternyata kesannya tidak terlalu akurat. Koordinat sumbu-X selalu menyertakan desimal 0.5, entah itu alasannya yaitu ketika ini Saya sedang menggunakan Linux atau alasannya yaitu browser Firefox Saya lama, Saya masih belum tahu.

---

Sumber: CSS-Tricks - Get X, Y Coordinates of Mouse Within Box

Sumber https://www.dte.web.id/