HTML DOM 哪个事件发生了？

参考资料

1. HTML DOM 当点击完button不可用 实例
2. HTML DOM 属性
3. HTML DOM 返回一个iframe中的frameborder属性的值
4. HTML DOM 返回和设置一个iframe中的scrolling属性的值
5. HTML DOM 方法
6. HTML DOM指定表格的frame
7. HTML DOM 返回一个iframe中的longdesc属性的值
8. HTML DOM 返回图像映射的某个区域的hostname实例

HTML DOM 事件

1. 常用事件类型：

• click

• dblclick

• mouseover

• mouseout

• mousedown

• mouseup

• keydown

• keyup

• load

• unload

• submit

• change

• focus

• blur

2. 详细介绍：
   DOM事件是HTML元素上发生的动作或事情，可以通过JavaScript代码来监听和处理这些事件。

3. 标签用法：
   可以通过HTML属性或JavaScript添加事件处理程序：

<button onclick="myFunction()">点击</button>

4. JavaScript添加事件：

element.addEventListener('click', function(){
  // 事件处理代码
});

5. 实例：

<button id="myBtn">点击我</button>
<script>
document.getElementById("myBtn").addEventListener("click", function(){
  alert("按钮被点击");
});
</script>

6. 功能：

• 实现用户交互

• 响应浏览器动作

• 处理表单提交

• 检测键盘/鼠标输入

7. CSS扩展：
   可以通过伪类响应某些事件状态：

/* 鼠标悬停样式 */
a:hover {
  color: red;
}

/* 点击时的样式 */
button:active {
  background-color: blue;
}

/* 获得焦点时的样式 */
input:focus {
  border-color: green;
}