JS HTML 事件

创建于 2024-12-03 / 24
字体： [默认] [大] [更大]

使用 JavaScript 对事件做出反应的实例。

输入事件

onblur - 当用户离开输入字段时 onchange - 当用户更改输入字段的内容时 onchange - 当用户选择下拉值时 onfocus - 当输入字段获得焦点时 onselect - 当输入文本被选取时 onsubmit - 当用户点击提交按钮 onreset - 当用户点击重置按钮 onkeydown - 当用户按下/按住某个键时 onkeypress - 当用户按下/按住某个键时 onkeyup - 当用户释放按键时 onkeyup - 当用户释放按键时 onkeydown vs onkeyup - 两者

鼠标事件

onmouseover/onmouseout - 当鼠标经过一个元素时 onmousedown/onmouseup - 当按下/释放鼠标按钮时 onmousedown - 当按下鼠标时:提示点击了哪个元素 onmousedown - 当点击鼠标时:提示点击了哪个按钮 onmousemove/onmouseout - 当把鼠标指针移入/移出 div 时 onmouseover/onmouseout - 当把鼠标指针移入/移出图像时 onmouseover - 将鼠标悬停在图像映射上

点击事件

对 onclick 事件作出反应 onclick - 单击按钮时 ondblclick - 双击文本时

加载事件

onload - 页面加载后 onload - 图像加载后 onerror - 当图像加载时发生错误 onunload - 当浏览器关闭文档时 onresize - 当浏览器窗口大小被调整时

其他

按键的键码是什么? 光标的坐标是什么? 相对于屏幕的光标坐标是什么? 是否按下 shift 键? 发生何种事件类型?

实例解析



0 人点赞过