OnMousedown 会覆盖 OnmouseUp 和 OnClick

Question

请考虑以下演示代码：

<p id="demo" style="border: 1px solid black;width:300px;height:300px"></p>
<script>
  document.getElementById("demo").onmousedown = function(e){ alert('mousedown'); }
  document.getElementById("demo").onmouseup = function(e){ alert('mouseup'); }
  document.getElementById("demo").onclick = function(e){ alert('click'); }
</script>

有人可以向我解释为什么鼠标向上和单击事件都不会被触发吗？

Answer 1

当您按下鼠标按钮时，您将触发一个阻止的警报。由于警报正在阻止，因此当您释放点击时，它不允许事件处理程序再次触发。

编辑* - 如果按下鼠标，然后按 Enter 退出警报。当您释放鼠标单击时，您将看到正在触发的鼠标向上事件。