Игнорирование mousemove на дочерних элементах

var slider = document.querySelector('.slider'); 
var button = document.querySelector('.button'); 
 
slider.addEventListener('mousemove', function(e) { 
  var lg = document.querySelector('.cursor'); 
  lg.innerHTML = 'Координаты мыши: ' + (e.clientX - slider.offsetLeft); 
});

.slider { 
  background: blue; 
  height: 30px; 
  width: 500px; 
} 
 
.button { 
  background: red; 
  height: 30px; 
  width: 30px; 
  margin-left: 96px; 
}

<div class="slider"> 
  <div class="button"></div> 
</div> 
<hr> 
<div class="info"> 
  <span class="cursor"></span> 
</div>