Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Olá,
estou tentando exibir as coordenas ao mover o mouse sobre uma imagem. Na verdade a função está funcionando perfeitamente, mas isso se a imagem estiver encostada a esquerda do "body".
Queria que as coordenadas fosse relativo somente a imagem, pois do jeito que está o script, quando eu centralizo a imagem no meio da página, ela mostra as coordenadas somando todo o espaço que ficou no 'left'.
function point(event)
{
pos_x = event.offsetX?(event.offsetX):event.pageX-document.getElementById("img_point").offsetLeft;
pos_y = event.offsetY?(event.offsetY):event.pageY-document.getElementById("img_point").offsetTop;
document.getElementById('x').innerHTML = pos_x;
document.getElementById('y').innerHTML = pos_y;
}
<img id="img_point" src="imagem.jpg" onmousemove="point(event)" width="500" height="250" />
<div id='x'></div>
<div id='y'></div>Carregando comentários...