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

当您按下鼠标按钮时，您正在触发一个正在阻塞的警报。由于警报是阻塞的，所以它不允许您的事件处理程序在释放单击时再次触发。

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