js textbox赋值触发onchange事件

发布时间:2020-08-03编辑:脚本学堂
本文介绍了js脚本为textbox赋值时触发onchange事件的例子,如何在js代码模式通过代码触发textbox控件的onchange事件,object.fireEvent()方法可以实现。

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();
}
 

例子:
 

复制代码 代码示例:
document.getElementById("sel").value="3";
document.getElementById("sel").fireEvent("onchange");
function demo()
{
  var d=document.getElementById("sel").value;
  document.getElementById("tex").value=d;
  //alert(d);
}