为什么在单击div时调用mousemove？

Question

有两个鼠标事件。 mousedown和mousemove。当用户单击鼠标按钮时，将调用我理解的mousedown，并且在移动鼠标时将调用mousemove。但是由于某些原因，在按下鼠标后每次单击也会调用鼠标移动

let test = document.querySelector('#test');
test.addEventListener('mousedown',e => console.log('down'))
test.addEventListener('mousemove',e => console.log('move'))

#test{
  height:200px;
  width:200px;
  background:blue;
}

<div id="test"></div>

这在我的React项目中引起了问题。当鼠标位置没有变化（表示鼠标不移动）时如何防止调用mousemove