onchange 事件
定义和用法
onchange 事件会在域的内容改变时发生。
语法
οnchange="SomeJavaScriptCode"
参数 | 描述 |
---|---|
SomeJavaScriptCode | 必需。规定该事件发生时执行的 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>
(注意:在文本框内输入时(即当光标还在文本框内时),不会变成大写字母,当输入完毕,用户的鼠标光标在文本框外点击时(即当文本框失焦时),才会变成大写,
这和onkeyup方法不同,如果用onkeyup可以在用户还在文本框内输入时实时的变成大写)
onblur和onchange的区别
onblur 是在失去焦点的时候起作用,不管文本的值是否有改变
onchange 是在失去焦点并且文本的值发生了改变的时候起作用,如果值没有改变则不起作用
转自w3school