onchange() 事件

最新推荐文章于 2025-06-29 21:45:00 发布

原创最新推荐文章于 2025-06-29 21:45:00 发布 · 1.4w 阅读

6 ·

CC 4.0 BY-SA版权

本文介绍了一个简单的HTML与JavaScript结合的应用案例，展示了如何使用onchange事件来实现输入文本的自动转换为大写的功能。通过<input>标签与JavaScript函数的结合，使用户输入的文本在更改后立即转换为全大写。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

onchange 事件会在域的内容改变时发生。

onchange 事件也可用于单选框与复选框改变后触发的事件。

支持该事件的 HTML 标签

<input type="text">, <select>, <textarea>

支持该事件的 JavaScript 对象：

fileUpload, select, text, textarea

在本例中，我们将在用户改变输入域内容时执行 JavaScript 代码：

<html>
<head>
<script type="text/javascript">
function upperCase(x)
{
var y=document.getElementById(x).value
document.getElementById(x).value=y.toUpperCase()
}
</script>
</head>

<body>

输入您的姓名：
<input type="text" id="fname" onchange="upperCase(this.id)" />

</body>
</html>