关于click未触发的问题

Question

我给同一个div上绑定了mosuedown，mosuemove，mouseup和click事件，但是当我只点击的时候，触发了mouseup但是没有触发click，只有在mousemove也触发的时候才能触发click，请问这是为什么啊，

Answer 1

mousemove和click肯定没有直接关系的。
亲测，点击事件触发顺序：mousedown->mouseup->click
鼠标移动事件触发顺序：mouseover->mousemove->mouseout

let dom = document.querySelector('#test')
dom.addEventListener('mousedown', () => {
  console.log('mousedown')
})
dom.addEventListener('mouseup', () => {
  console.log('mouseup')
})
dom.addEventListener('click', () => {
  console.log('click')
})
dom.addEventListener('mouseover', () => {
  console.log('mouseover')
})
dom.addEventListener('mousemove', () => {
  console.log('mousemove')
})

ps:你把mouse拼错了