Javascript学习(二)——事件
JavaScript是基于对象的语言。它的一个最基本的特征就是采用事件驱动。事件是某些动作发生时产生的信号,这些事件随时都可能发生。引起事件发生的动作称之为触发事件,例如,当鼠标指针经过某个按钮、用户单击了某个链接、用户选中了某个复选框、用户在文本框中输入某些信息时,都会触发相应的事件。
为了便于读者查找JavaScript中的常用事件,下面以表格的形式对各事件进行说明,如表9.3所示。
表9.3 JavaScript中的常用事件
状 态 |
事 件 |
说 明 |
鼠标键盘事件 |
onclick |
鼠标单击时触发此事件 |
ondblclick |
鼠标双击时触发此事件 |
|
onmousedown |
按下鼠标时触发此事件 |
|
onmouseup |
鼠标按下后松开鼠标时触发此事件 |
|
onmouseover |
当鼠标移动到某对象范围的上方时触发此事件 |
|
onmousemove |
鼠标移动时触发此事件 |
|
onmouseout |
当鼠标离开某对象范围时触发此事件 |
|
onkeypress |
当键盘上的某个键被按下并且释放时触发此事件 |
|
onkeydown |
当键盘上的某个按键被按下时触发此事件 |
|
onkeyup |
当键盘上的某个按键被按下后松开时触发此事件 |
|
页面相关事件 |
onabort |
图片在下载时被用户中断时触发此事件 |
onload |
页面内容完成时触发此事件(也就是页面加载事件) |
|
onresize |
当浏览器的窗口大小被改变时触发此事件 |
|
onunload |
当前页面将被改变时触发此事件 |
续表
状 态 |
事 件 |
说 明 |
表单相关事件 |
onblur |
当前元素失去焦点时触发此事件 |
onchange |
当前元素失去焦点并且元素的内容发生改变时触发此事件 |
|
onfocus |
当某个元素获得焦点时触发此事件 |
|
onreset |
当表单中reset的属性被激活时触发此事件 |
|
onsubmit |
一个表单被递交时触发此事件 |
|
滚动字幕事件 |
onbounce |
在Marquee内的内容移动至Marquee显示范围之 外时触发此事件 |
onfinish |
当Marquee元素完成需要显示的内容后触发此事件 |
|
onstart |
当Marquee元素开始显示内容时触发此事件 |
FF: Firefox, N: Netscape, IE: Internet Explorer
属性 | 当以下情况发生时,出现此事件 | FF | N | IE |
---|---|---|---|---|
onabort | 图像加载被中断 | 1 | 3 | 4 |
onblur | 元素失去焦点 | 1 | 2 | 3 |
onchange | 用户改变域的内容 | 1 | 2 | 3 |
onclick | 鼠标点击某个对象 | 1 | 2 | 3 |
ondblclick | 鼠标双击某个对象 | 1 | 4 | 4 |
onerror | 当加载文档或图像时发生某个错误 | 1 | 3 | 4 |
onfocus | 元素获得焦点 | 1 | 2 | 3 |
onkeydown | 某个键盘的键被按下 | 1 | 4 | 3 |
onkeypress | 某个键盘的键被按下或按住 | 1 | 4 | 3 |
onkeyup | 某个键盘的键被松开 | 1 | 4 | 3 |
onload | 某个页面或图像被完成加载 | 1 | 2 | 3 |
onmousedown | 某个鼠标按键被按下 | 1 | 4 | 4 |
onmousemove | 鼠标被移动 | 1 | 6 | 3 |
onmouseout | 鼠标从某元素移开 | 1 | 4 | 4 |
onmouseover | 鼠标被移到某元素之上 | 1 | 2 | 3 |
onmouseup | 某个鼠标按键被松开 | 1 | 4 | 4 |
onreset | 重置按钮被点击 | 1 | 3 | 4 |
onresize | 窗口或框架被调整尺寸 | 1 | 4 | 4 |
onselect | 文本被选定 | 1 | 2 | 3 |
onsubmit | 提交按钮被点击 | 1 | 2 | 3 |
onunload | 用户退出页面 | 1 | 2 | 3 |
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 如何编写易于单元测试的代码
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
· 地球OL攻略 —— 某应届生求职总结
· 周边上新:园子的第一款马克杯温暖上架
· Open-Sora 2.0 重磅开源!
· 提示词工程——AI应用必不可少的技术
· .NET周刊【3月第1期 2025-03-02】