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

有人可以向我解释一下为什么 mouseup 和 click 事件都没有被触发吗？

Answer 1

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

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