📅 最后修改于: 2023-12-03 15:15:42.419000 🧑 作者: Mango
HTML 是一种标记语言，用于创建网页的结构和内容。在 HTML 中，可以使用选择更改事件来对特定的元素进行操作、响应用户的交互。
以下是一些常见的 HTML 选择更改事件：
onchange 事件在用户选择不同的选项或输入不同的值时触发。可以应用于输入字段、下拉列表、单选按钮等。
<input type="text" onchange="myFunction()">
oninput 事件在用户输入文字时触发，即时响应用户的输入。可以应用于文本框、文本域等。
<input type="text" oninput="myFunction()">
onselect 事件在用户选择文本时触发。可以应用于文本框、文本域等。
<input type="text" onselect="myFunction()">
onsubmit 事件在提交表单时触发。可以应用于 <form> 元素。
<form onsubmit="myFunction()">
<!-- 表单元素 -->
</form>
在上述示例中，myFunction() 表示事件处理函数的名称。你可以根据需要自定义函数名，并在事件触发时执行相应的操作。
<script>
function myFunction() {
// 处理事件的代码
}
</script>
下面是一个示例，演示了如何使用 onchange 事件和事件处理函数来实现动态显示文本框中的值：
<!DOCTYPE html>
<html>
<head>
<title>HTML 选择更改事件示例</title>
</head>
<body>
<input type="text" onchange="showValue(this.value)">
<p id="demo"></p>
<script>
function showValue(value) {
document.getElementById("demo").innerHTML = "你输入的值是：" + value;
}
</script>
</body>
</html>
当用户在文本框中输入内容时，onchange 事件会触发 showValue() 函数，该函数将输入的值显示在 <p> 元素中。
以上是有关 HTML 选择更改事件的简介。你可以根据自己的需求使用不同的事件来实现交互功能。