js oninput

作者：迎着风飛行こ发布日期:2025-10-22 浏览:26

<!DOCTYPE html>
<html>
<head>
    <title>JS oninput Example</title>
</head>
<body>

<h2>oninput 事件示例</h2>

<p>输入一些文本，看看实时反馈：</p>

<input type="text" id="myInput" oninput="myFunction()">
<p id="demo"></p>

<script>
function myFunction() {
    // 获取输入框的值
    var x = document.getElementById("myInput").value;
    // 将输入框的值显示在 p 元素中
    document.getElementById("demo").innerHTML = "你输入了: " + x;
}
</script>

</body>
</html>

解释说明：

oninput 事件在用户输入时触发（例如在 <input> 或 <textarea> 元素中）。
在这个例子中，每当用户在输入框中输入内容时，myFunction 函数会被调用。
myFunction 函数会获取输入框中的当前值，并将其显示在页面上的 <p> 元素中。

上一篇：js touppercase

下一篇：js 点击