js触发onchange事件的方法说明


Posted in Javascript onMarch 08, 2014

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()方法。
Javascript 相关文章推荐
Javascript实例教程(19) 使用HoTMetal(1)
Dec 23 Javascript
纯JS实现的批量图片预览加载功能
Aug 14 Javascript
侧栏跟随滚动的简单实现代码
Mar 18 Javascript
两个select多选模式的选项相互移动(示例代码)
Jan 11 Javascript
jquery对元素拖动排序示例
Jan 16 Javascript
jQuery的缓存机制浅析
Jun 07 Javascript
关于JSON.parse(),JSON.stringify(),jQuery.parseJSON()的用法
Jun 30 Javascript
js实现可键盘控制的简单抽奖程序
Jul 13 Javascript
js实现动态创建的元素绑定事件
Jul 19 Javascript
mui back 返回刷新页面的实例
Dec 06 Javascript
vue组件挂载到全局方法的示例代码
Aug 02 Javascript
JS函数参数的传递与同名参数实例分析
Mar 16 Javascript
关于onchange事件在IE和FF下的表现及解决方法
Mar 08 #Javascript
javascript中的事件代理初探
Mar 08 #Javascript
jquery实现弹出div,始终显示在屏幕正中间的简单实例
Mar 08 #Javascript
Extjs表单常见验证小结
Mar 07 #Javascript
extJS中常用的4种Ajax异步提交方式
Mar 07 #Javascript
禁用JavaScript控制台调试的方法
Mar 07 #Javascript
jquery日历控件实现方法分享
Mar 07 #Javascript
You might like
安装APACHE
2007/01/15 PHP
使用zend studio for eclipse不能激活代码提示功能的解决办法
2009/10/11 PHP
ThinkPHP中redirect用法分析
2014/12/05 PHP
整理php防注入和XSS攻击通用过滤
2015/09/13 PHP
jquery ajax 同步异步的执行示例代码
2010/06/23 Javascript
js下用eval生成JSON对象
2010/09/17 Javascript
合并table相同单元格的jquery插件分享(很精简)
2011/06/20 Javascript
Jquery中的CheckBox、RadioButton、DropDownList的取值赋值实现代码
2011/10/12 Javascript
Jquery 模板数据绑定插件的使用方法详解
2013/07/08 Javascript
jQuery不使用插件及swf实现无刷新文件上传
2014/12/08 Javascript
JS动态修改表格cellPadding和cellSpacing的方法
2015/03/31 Javascript
浅析Javascript中bind()方法的使用与实现
2016/04/29 Javascript
javascript作用域、作用域链(菜鸟必看)
2016/06/16 Javascript
javascript实现根据汉字获取简拼
2016/09/25 Javascript
AngularJs篇:使用AngularJs打造一个简易权限系统的实现代码
2016/12/26 Javascript
微信小程序实现点击按钮移动view标签的位置功能示例【附demo源码下载】
2017/12/06 Javascript
从parcel.js打包出错到选择nvm的全部过程
2018/01/23 Javascript
JavaScript惰性载入函数实例分析
2019/03/27 Javascript
js实现图片上传即时显示效果
2019/09/30 Javascript
vue 翻页组件vue-flip-page效果
2020/02/05 Javascript
基于js实现逐步显示文字输出代码实例
2020/04/02 Javascript
[10:14]2018DOTA2国际邀请赛寻真——paiN Gaming不仅为自己而战
2018/08/14 DOTA
python实现简单socket程序在两台电脑之间传输消息的方法
2015/03/13 Python
python通过pip更新所有已安装的包实现方法
2017/05/19 Python
详解用python计算阶乘的几种方法
2019/08/14 Python
python程序输出无内容的解决方式
2020/04/09 Python
Python中常见的数制转换有哪些
2020/05/27 Python
用HTML5实现鼠标滚轮事件放大缩小图片的功能
2015/06/25 HTML / CSS
翻新二手苹果产品的网络领导者:Mac of all Trades
2017/12/19 全球购物
沃尔玛旗下墨西哥超市:Bodega Aurrera
2020/11/13 全球购物
linux面试题参考答案(8)
2016/04/19 面试题
市场部规章制度
2014/01/24 职场文书
法制宣传日活动总结
2014/04/29 职场文书
运动会主持词大全
2015/07/02 职场文书
CSS变量实现主题切换的方法
2021/06/23 HTML / CSS
HTML中实现音乐或视频自动播放案例详解
2022/05/30 HTML / CSS