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

最新推荐文章于 2022-02-10 18:59:50 发布

原创最新推荐文章于 2022-02-10 18:59:50 发布 · 746 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #input #function #html

javascrip 专栏收录该内容

120 篇文章

订阅专栏

本文介绍了一个简单的HTML示例，展示了如何使用onchange事件和JavaScript来实现用户输入的实时转换。当用户更改输入框中的文本时，该事件会触发并将所有字母转换为大写。

支持该事件的 HTML 标签：

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

支持该事件的 JavaScript 对象：

fileUpload, select, text, textarea

实例 1

在本例中，我们将在用户改变输入域内容时执行 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>