JavaScript鼠标事件、键盘事件

常用的键盘事件

1. keyup 按键弹起的时候触发

// 1.onkeyup
document.onkeyup = function(){
	console.log(“弹起”);
}
// 2.keyup
document.addEventListener('keyup',()=>{
	console.log(“弹起”);
})

1. keydown 按键按下的时候触发

// 1.onkeydown
document.onkeydown= function(){
	console.log(“弹起”);
}
// 2.keydown
document.addEventListener('keydown',()=>{
	console.log(“弹起”);
})

2. keypress 按键按下的时候触发，它识别不了shift、Ctrl这样的功能键

三个事件的执行顺序：keydown——keypress——keyup

鼠标事件

1. click 单击鼠标左键时触发，右键按下则不会触发
2. dblclick 双击鼠标左键时触发，右键按下则不会触发
3. mousedown 鼠标按钮被按下时触发，左右键都可以触发
4. mouseout 鼠标指针位于某个元素上且将要移出元素的边界时触发
5. mouseover 鼠标指针移出某个元素到另一个元素上时触发
6. mousemove 鼠标在某个元素上触发
7. mouseleave 鼠标指针移出元素时触发
8. mouseenter 鼠标指针移动到元素上时触发
9. contextmenu 用户点击鼠标右键打开上下文菜单时触发