Onmousedown javascript未触发

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上，但它不会在鼠标向下移除。

为什么？

Answer 1

你的代码是正确的。请查看此链接：

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

注意： onmosedown是指当鼠标按下按钮时！这与mouseout不同。