二、鼠标事件

二、鼠标事件

1. 鼠标事件

// 点击事件

onclick

// 双击事件

ondblclick

在两次点击事件后触发

// 鼠标右键点击事件

oncontextmenu

// 鼠标进入事件

// onmouseover 比 onmouseenter 先执行

onmouseenter

onmouseover

// 鼠标离开事件

// onmouseout 比 onmouseleave 先执行

onmouseleave

onmouseout

注意:如果元素里面存在子元素,鼠标在元素中移动时会反复触发 onmouseover 和 onmouseout

// 鼠标移动事件

onmousemove

// 鼠标按下事件

onmousedown

// 鼠标弹起事件

onmouseup

2.鼠标事件小游戏

创建一个div

调整div里的样式

使用计时器生成点

创建一个div元素添加类选择器样式

每个元素注册点击事件

将创建的div元素添加到body中

该定时器获取点的数量,判断游戏是否结束

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容