Javascript onmousedown在MouseUp和onclick上行驶

考虑以下演示代码：

<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>

document.getElementById（“demo”）.onmousedown=函数（e）{alert（'mousedown'）；}
document.getElementById（“demo”）.onmouseup=function（e）{alert（'mouseup'）；}
document.getElementById（“demo”）.onclick=function（e）{alert（'click'）；}

---

有人能给我解释一下为什么鼠标按钮和点击事件都不会被触发吗？

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

---

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

当我在此处尝试时，您的代码将触发所有处理程序：另一种测试方法是使用console.log，所有3个都将触发。