1. 鼠标事件
// 点击事件
onclick
// 双击事件
ondblclick
// 鼠标右键点击事件
oncontextmenu
// 鼠标进入事件
// onmouseover 比 onmouseenter 先执行
onmouseenter
onmouseover
// 鼠标离开事件
// onmouseout 比 onmouseleave 先执行
onmouseleave
onmouseout
注意:如果元素里面存在子元素,鼠标在元素中移动时会反复触发 onmouseover 和 onmouseout
// 鼠标移动事件
onmousemove
// 鼠标按下事件
onmousedown
// 鼠标弹起事件
onmouseup
2. 视口宽高
window.innerWidth 返回视口宽度
window.innerHeight 返回视口高度