常见事件总结

详见:https://www.runoob.com/jsref/dom-obj-event.html

鼠标事件

复制代码
复制代码
/*
onclick:点击某个对象时触发
ondblclick:双击某个对象时触发
onmouseover:鼠标移入某个元素时触发
onmouseout:鼠标移出某个元素时触发
onmouseenter:鼠标进入某个元素时触发
onmouseleave:鼠标离开某个元素时触发
onmousedown:鼠标按下时触发
onmouseup:鼠标抬起时触发
onmousemove:鼠标被移动时触发
onwheel:鼠标滚轮滚动时触发
oncontextmenu:点击鼠标右键时触发
*/
●mousever和mouseout在父元素和其子元素都可以触发。
●mouseenter和mouseleave只在父元素触发,当鼠标穿过一个元素时,只会触发一次。
●mouseover和mouseout比mouseenter和mouseleave先触发●

键盘事件

/*
onkeydown:键盘的键按下时触发
onkeyup:键盘的键放开时触发
onkeypress:按下并松开时触发--仅限字母或者数字按键
*/

框架/对象事件

复制代码
复制代码
/*
onresize:浏览器窗口大小改变时触发
onabort:图形的加载被中断时触发
onload:元素加载完时触发
onerror:当加载文档或者图片时(没找到)发生的错误时触发
onscroll:文档滚动时触发
onpageshow:用户访问页面时触发
onunload:用户退出页面时触发
*/
复制代码
复制代码

表单事件

复制代码
复制代码
/*
onfocus:元素获得焦点时触发
onblur:元素失去焦点时触发
onchange:元素内容改变时触发
oninput:元素获取用户输入时触发
onsubmit:提交按钮时触发
onreset:重置按钮时触发
onselect:文本被选中时触发
*/
复制代码
复制代码

拖动事件

/*
ondrag:元素正在拖动时触发
ondragend:用户完成元素拖动时触发
*/

多媒体事件

/*
onplay:在视频/音频开始播放时触发
onended:在视频/音频播放结束时触发
onpause:在视频/音频暂停时触发
*/
复制代码
posted @   大哥成  阅读(228)  评论(0编辑  收藏  举报
编辑推荐:
· 开发者必知的日志记录最佳实践
· SQL Server 2025 AI相关能力初探
· Linux系列:如何用 C#调用 C方法造成内存泄露
· AI与.NET技术实操系列(二):开始使用ML.NET
· 记一次.NET内存居高不下排查解决与启示
阅读排行:
· Manus重磅发布:全球首款通用AI代理技术深度解析与实战指南
· 被坑几百块钱后,我竟然真的恢复了删除的微信聊天记录!
· 没有Manus邀请码?试试免邀请码的MGX或者开源的OpenManus吧
· 【自荐】一款简洁、开源的在线白板工具 Drawnix
· 园子的第一款AI主题卫衣上架——"HELLO! HOW CAN I ASSIST YOU TODAY
点击右上角即可分享
微信分享提示