Question

我在w3schools上找到了关于onmousedown，onmouseup和onclick事件的以下信息： onmousedown，onmouseup和onclick事件都是鼠标单击的所有部分。首先，当单击鼠标按钮时，触发onmousedown事件，然后，当释放鼠标按钮时，触发onmouseup事件，最后，当鼠标单击完成时，触发onclick事件。

稍后我编写以下代码进行测试，但onmouseup事件从未发生过？它只显示＆＃39;点击＆＃39;在我发布了点击之后，但是非常感谢你＃34;永远不会出现有人可以请我澄清一下吗？谢谢。

<!DOCTYPE html>
<html>
<body>

<div onmousedown="mDown(this)" onmouseup="mUp(this)" onclick = "mClick(this)" style="background-color:#D94A38;width:90px;height:20px;padding:40px;">Click Me</div>

<script>
function mClick(obj)
{
    obj.style.backgroundColor="#ec5ead";
    obj.innerHTML="Clicked"
}
function mDown(obj)
{
    obj.style.backgroundColor="#1ec5e5";
    obj.innerHTML="Release Me"
}

function mUp(obj)
{
    obj.style.backgroundColor="#FFFFFF";
    obj.innerHTML="Thank You a lot"
}
</script>

</body>
</html>

Answer 1

mouseup事件是触发，只是它紧跟着click事件，所以你没有机会看到thankyou消息。如果删除onclick处理程序，您将看到该消息。

Answer 2

单击一个元素就是当你同时在同一个元素上进行mousedown和mouseup时。正在触发mouseup事件，但最后发生的事情是click事件。

为什么onmouseup的效果永远不会生效？

2 个答案: