JavaScript点击事件

单击事件：
先给一个盒子，在到style里面设置样式。

先获取一下元素，我们可以通过类来获取也可以通过querySelector获取一下('div')选择器获取第一个匹配的值，因为我们只给了一个div，所以它会获取到box，获取到box之后我们就给它一个单击事件onclick，单击之后，就可以在页面当中弹出一个单击事件了。

点击一下正方形就会弹出一个单击事件，
效果如下

鼠标按下事件：
先注释单击事件，然后给它一个onmousedown，在这里我们这样的事件是通过on去写的，因为我们这个是传统的绑定事件，（后面有其他绑定事件不用写on）鼠标按下时弹起alert(1);（css样式如上图）

效果如下：

鼠标弹起事件：

（步骤，css如上图）, 可以通过onmouseup弹起一个alert(1)，这就是鼠标的两种事件。

效果如下：
注：鼠标单击正方形不要松掉鼠标，网页并没有弹出alert(1)，而松开鼠标后并会弹出alert(1)；