HTML 事件属性

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 事件，通过这些事件，我们可以实现丰富的交互效果和动态行为。在实际开发中，可以根据需求选择合适的事件来实现所需功能。