HTML 事件是在 HTML 元素上发生的事情,可以是用户操作,也可以是浏览器操作。在 web 开发中,我们经常需要通过事件来触发特定的行为或交互效果。下面将介绍一些常用的 HTML 事件。
常用 HTML 事件
鼠标事件
onclick
: 当用户点击鼠标时触发ondblclick
: 当用户双击鼠标时触发onmouseover
: 当鼠标移动到元素上时触发onmouseout
: 当鼠标移出元素时触发
示例代码:
<button onclick="alert('Hello, World!')">点击我</button>
键盘事件
onkeydown
: 当用户按下键盘按键时触发onkeyup
: 当用户释放键盘按键时触发onkeypress
: 当用户按下并释放键盘按键时触发
示例代码:
<input type="text" onkeypress="console.log(event.key)">
表单事件
onchange
: 当表单元素的值改变时触发onsubmit
: 当表单提交时触发
示例代码:
<form onsubmit="alert('Form submitted!')"> <input type="text" name="username"> <button type="submit">提交</button> </form>
其他事件
onload
: 当页面加载完成时触发onresize
: 当浏览器窗口大小改变时触发onscroll
: 当用户滚动页面时触发
示例代码:
<div onscroll="console.log('Page scrolled')">Scroll me</div>
以上是一些常用的 HTML 事件,通过这些事件,我们可以实现丰富的交互效果和动态行为。在实际开发中,可以根据需求选择合适的事件来实现所需功能。