onchange 事件

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

  • 6
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值