js鼠标移入移出_JS中Dom的一些事件

学了这么多天的JavaScript今天又学到了一些事件，所谓事件就是JavaScript应用跳动的心脏，也是把所有东西粘在一起的胶水，当我们与浏览器中Web页面进行某些类型的交互时，事件就发生了。说白了，事件是文档或浏览器中发生的特定交互瞬间。

有两种事件，一种是事件冒泡，一种是事件捕获

首先说说事件捕获，事件捕获呢就是比如你发生了一件事，首先你先告诉你的父母，然后父母再告诉老师，老师再告诉校长，这样一级一级的往上执行被称为事件捕获。

事件冒泡呢就是还是发生了一件事，校长打算开除你，但是并没有直接和你说，而是先告诉你的班主任，再由班主任告诉你家长，再由家长通知你，这就是事件冒泡。

附张图大家看一下~

以上就是冒泡和捕获的过程。

再说说一些鼠标的事件

· mousedown:鼠标按钮被按下（左键或者右键）时触发。不能通过键盘触发。

· mouseup:鼠标按钮被释放弹起时触发。不能通过键盘触发。

***click:单击鼠标左键或者按下回车键时触发。这点对确保易访问性很重要，意味着onclick事件处理程序既可以通过键盘也可以通过鼠标执行。（划重点哦）

· dblclick:双击鼠标左键时触发。

· mouseover:鼠标移入目标元素上方。鼠标移到其后代元素上时会触发。

· mouseout:鼠标移出目标元素上方。

· mouseenter:鼠标移入元素范围内触发，该事件不冒泡，即鼠标移到其后代元素上时不会触发。

· mouseleave:鼠标移出元素范围时触发，该事件不冒泡，即鼠标移到其后代元素时不会触发。

· mousemove:鼠标在元素内部移到时不断触发。不能通过键盘触发。

接下来是键盘事件，键盘事件就比较简单了

keydown：按键按下

keyup：按键抬起

keypress：按键按下抬起

好嘞，今天先这么多，先看着吧~