Onmousedown javascript not triggered

Question

我试图用以下代码将悬停类添加到我的html元素中：

.block {
height: 50px;
width: 200px;
background: yellow;
}
.shadow {
box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="block"
onmouseover="$(this).addClass('shadow');"
onmousedown="$(this).toggleClass('shadow');"></div>

该类将在mouseover上添加，但在mousedown上不会删除
为什么？

Answer 1

您的代码是正确的。检查此链接：

https://www.w3schools.com/code/tryit.asp?filename=FWXV3Y8JXYTI

注意：onmosedown表示按下鼠标按钮时！它不同于mouseout。