2

Criei uma label com a posição do cursor, quero que essa label esteja sempre agarrada cm o cursor. Criei isto, funciona, mas não atras do cursor.

var x = ev.clientX;
var y = ev.clientY;
var info_souris = document.getElementById("position_souris");
info_souris.innerHTML = x + "," + y; 


<label id="position_souris"></label>

1 Resposta 1

2

Você precisa adicionar um callback para o evento mousemove, experimente:

window.onload = function() {
  document.addEventListener('mousemove', function(e) {
    var x = e.clientX,
        y = e.clientY;

    var info_souris = document.getElementById("position_souris");
    info_souris.innerHTML = x + "," + y; 
    info_souris.style.top = y + 'px';
    info_souris.style.left = x + 'px';
  });
};
label#position_souris {
  position: absolute;
}
<label id="position_souris">aqui</label>

4
  • Certo, mas queria que a label estive sempre a atras do cursor.
    – akm
    15/12/2014 às 17:03
  • Ahhh sim, entendi, espera ai então 15/12/2014 às 17:04
  • É isso que vc quer? Olhe minha edição @akm 15/12/2014 às 17:11
  • 1
    Isso mesmo, obrigado
    – akm
    15/12/2014 às 17:12

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .