Tuesday, January 31, 2012

Mendapatkan Koordinat Posisi Pointer Mouse terhadap Area

Get X, Y Coordinates of Mouse Within Box

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 hasilnya tidak terlalu akurat. Koordinat sumbu-X selalu menyertakan desimal 0.5, entah itu karena saat ini Saya sedang memakai Linux atau karena browser Firefox Saya lama, Saya masih belum tahu.


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

Labels: ,

0 Comments:

Post a Comment

<< Home