Cara menggunakan _X pada JavaScript

Apakah Anda mencoba mendapatkan posisi penunjuk tetikus relative ke elemen [atau] hanya lokasi penunjuk tetikus

Coba Demo ini: //jsfiddle.net/AMsK9/

Edit:

1] event.pageX, event.pageY memberi Anda dokumen relatif posisi mouse!

Ref: //api.jquery.com/event.pageX/
//api.jquery.com/event.pageY/

2] offset[]: Ini memberikan posisi offset elemen

Ref: //api.jquery.com/offset/

3] position[]: Ini memberi Anda Posisi relatif dari suatu elemen yaitu,

anggap sebuah elemen tertanam di dalam elemen lain 

contoh: 

Ref: //api.jquery.com/position/

HTML

   
 Default    
 mouse
position 
   
 offset[]   
 mouse
position 
   
 position[] 
 mouse
position 

JavaScript

$[document].ready[function [e] {

    $['#A'].click[function [e] { //Default mouse Position 
        alert[e.pageX + ' , ' + e.pageY];
    }];

    $['#B'].click[function [e] { //Offset mouse Position
        var posX = $[this].offset[].left,
            posY = $[this].offset[].top;
        alert[[e.pageX - posX] + ' , ' + [e.pageY - posY]];
    }];

    $['#C'].click[function [e] { //Relative [ to its parent] mouse position 
        var posX = $[this].position[].left,
            posY = $[this].position[].top;
        alert[[e.pageX - posX] + ' , ' + [e.pageY - posY]];
    }];
}];