js触发onchange事件的方法说明

js触发onchange事件的方法说明,第1张

js中onchange事件是在客户端改变输入控件的值,比如一个textbox,会出发的一个事件。但是如果在js代码中改变一个textbox的value,而不是通过键盘输入改变一个textbox值的话,是不会出发onchange事件的。

那么,如何在js代码模式通过代码触发textbox控件的onchange事件呢,经过查阅资料,发现js提供了一个方法,可以触发控件的应该是所有事件。object.fireEvent()方法,使用方法如

object.fireEvent('onchange'),即可触发控件的onchange事件。

同理,js中使用fireEvent方法还可以触发其他的空间事件。

•补充一下,上述的fireEvent方法,在firefox浏览器并不支持,那么,如果想在ie和ff都可以运行的话,可是尝试下面的代码。

复制代码

代码如下:

if

(obj.fireEvent)

{

obj.fireEvent('onchange')

}

else

{

obj.onchange()

}

也就是判断一下fireEvent事件是否可用,不可用则直接使用onchange()方法。

onchange事件是在客户端改变输入控件的值,比如一个textbox,会出发的这个事件。

onchange 在元素值改变时触发。

onchange 属性适用于:<input>、<textarea>以及 <select>元素。

语法:onchange="JavaScript代码"

例如

<script type="text/javascript">

function upperCase(){

    var x = document.getElementById("fname").value//获取input中的值

    document.getElementById("fname").value = x.toUpperCase()//input中的值转换成大写。

}

</script>

<body>

<input type="text" id="fname" onchange="upperCase()" /></p>  onchange设置为uppercase时间

</body>


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/11414037.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-15
下一篇 2023-05-15

发表评论

登录后才能评论

评论列表(0条)

保存