二、鼠标事件
1. 鼠标事件
// 点击事件
onclick
// 双击事件
ondblclick
在两次点击事件后触发
// 鼠标右键点击事件
oncontextmenu
// 鼠标进入事件
// onmouseover 比 onmouseenter 先执行
onmouseenter
onmouseover
// 鼠标离开事件
// onmouseout 比 onmouseleave 先执行
onmouseleave
onmouseout
注意:如果元素里面存在子元素,鼠标在元素中移动时会反复触发 onmouseover 和 onmouseout
// 鼠标移动事件
onmousemove
// 鼠标按下事件
onmousedown
// 鼠标弹起事件
onmouseup
2.鼠标事件小游戏
创建一个div
调整div里的样式
使用计时器生成点
创建一个div元素添加类选择器样式
每个元素注册点击事件
将创建的div元素添加到body中
该定时器获取点的数量,判断游戏是否结束