在JavaScript中,onchange
是一个事件处理器,它会在元素的值改变时触发。这通常用于 <input>
、<textarea>
和 <select>
元素,以便在用户更改了这些元素的值后执行某些操作。
下面是一个简单的例子,展示如何使用 onchange
事件处理器:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>onchange 示例</title> </head> <body> <input type="text" id="myInput" onchange="myFunction()"> <p id="demo"></p> <script> function myFunction() { var inputValue = document.getElementById("myInput").value; document.getElementById("demo").innerHTML = "你输入的值是: " + inputValue; } </script> </body> </html>
在这个例子中,当用户更改文本输入框的值时,onchange
事件会触发 myFunction
函数。这个函数会获取输入框的值,并将其显示在 <p>
元素中。