Label with mouse cursor

Question

I created a label with the cursor position, I want that label to be always grabbed cm the cursor. I created this, it works, but not behind the 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>

Answer 1

You need to add a callback to the event mousemove, try it:

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>