📌  相关文章
📜  HTML | oninput 事件属性(1)

📅  最后修改于: 2023-12-03 14:41:52.187000             🧑  作者: Mango

HTML | oninput 事件属性

oninput 事件属性指定在元素的值发生变化时要运行的代码。

语法
<element oninput="myScript">
参数

oninput 事件属性仅接受 JavaScript 代码作为参数。

使用

oninput 事件属性通常与 input 元素一起使用，用于监听用户输入的内容。当用户在 input 元素中输入或删除文本时，JavaScript 代码将被触发。

例如，以下代码将创建一个输入框。每当用户在输入框中输入或删除文本时，myFunction 函数将被调用：

<input type="text" oninput="myFunction()">
示例

以下代码使用 oninput 事件属性来实时显示用户在 input 元素中输入的文本：

<!DOCTYPE html>
<html>
<body>

<input type="text" oninput="document.getElementById('output').innerHTML = this.value">

<p>你输入的内容是：<span id="output"></span></p>

</body>
</html>

页面上将显示一个输入框和一段文本。每当用户在输入框中输入或删除文本时，文本内容将实时显示在下方的文本中。

总结

oninput 事件属性是用于监听输入元素的内容变化的一种方法。它适用于多种输入元素，例如文本框、单选按钮和复选框。当用户输入或删除文本时，指定的 JavaScript 代码将被触发。