HTML ottiene coordinate / posizione al clic con JS

Question

C'è un modo per ottenere una posizione / coordinate al clic del mouse? Ad esempio, se ho un'immagine in un contenitore e faccio clic su di essa, voglio ottenere le coordinate (x, y) in quell'immagine? Vedo solo 1 soluzione per rendere molti contenitori sopra l'immagine così piccoli (sarà come una griglia) che quando faccio clic, i contenitori verranno posizionati in js, ma penso che la pagina sarà così stranamente lenta a causa di ciò. C'è qualche altra soluzione a questo?

Answer 1

Ottieni le coordinate dell'immagine (css: in alto, a sinistra) e le coordinate del clic del mouse, e fai un po 'di matematica. : -)

Questo è abbastanza semplice con una libreria JS come jQuery o prototype .

Answer 2

codice pseudo (modifica al framework):

cX=event.clientX; cY=event.clientY;