鼠标事件

1.鼠标事件

click：单击事件。
dblclick：双击事件。
mousedown：按下鼠标键时触发。
mouseup：释放按下的鼠标键时触发。
mousemove：鼠标移动事件。
mouseover：移入事件。
mouseout：移出事件。
mouseenter：移入事件。
mouseleave：移出事件。
contextmenu：右键事件。

mouseover事件和mouseenter事件，都是鼠标进入一个节点时触发。两者的区别是，mouseenter事件只触发一次，而只要鼠标在节点内部移动，mouseover事件会在子节点上触发多次。

例如：下拉框的实现

css部分

 js部分

 

 最终一个实现一个效果

 

效果就是将鼠标放在公司简介这四个字上面时，就会出现这个下拉框，当鼠标离开这四个字时，这个下拉框就会消失，就这样最终实现了一个下拉框。

2，键盘事件

• onkeyup：某个键盘按键被松开是触发
• onkeydown：某个键盘按键被按下时触发（识别所有）
• onkeypress：某个键盘按键被按下时触发（不识别功能键。shift，ctrl等等）