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 相关文章推荐
JS中==与===操作符的比较
Mar 21 Javascript
JS date对象的减法处理实现代码
Dec 28 Javascript
JS中判断null、undefined与NaN的方法
Mar 26 Javascript
javascript进行数组追加方法小结
Jun 16 Javascript
对象题目的一个坑 理解Javascript对象
Dec 22 Javascript
用JavaScript实现让浏览器停止载入页面的方法
Jan 19 Javascript
基于JavaScript实现类名的添加与移除
Apr 23 Javascript
jQuery输入框密码的显示隐藏【代码分享】
Apr 29 jQuery
Vue 动态组件与 v-once 指令的实现
Feb 12 Javascript
jquery.tagsinput.js实现记录checkbox勾选的顺序
Sep 21 jQuery
微信小程序获取公众号文章列表及显示文章的示例代码
Mar 10 Javascript
解决vue下载后台传过来的乱码流的问题
Dec 05 Vue.js
关于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
基于PHP 面向对象之成员方法详解
2013/05/04 PHP
PHP用星号隐藏部份用户名、身份证、IP、手机号等实例
2014/04/08 PHP
ThinkPHP模版中导入CSS和JS文件的方法
2014/11/29 PHP
PHP设计模式之适配器模式代码实例
2015/05/11 PHP
CodeIgniter配置之database.php用法实例分析
2016/01/20 PHP
php实现的一段简单概率相关代码
2016/05/30 PHP
示例详解Laravel的注册重构
2016/08/14 PHP
面向对象的Javascript之二(接口实现介绍)
2012/01/27 Javascript
原生js实现jquery函数animate()动画效果的简单实例
2016/08/21 Javascript
AngularJs IE Compatibility 兼容老版本IE
2016/09/01 Javascript
BootStrap 下拉菜单点击之后不会出现下拉菜单(下拉菜单不弹出)的解决方案
2016/12/14 Javascript
使用Xcache缓存器加速PHP网站的配置方法
2017/04/22 Javascript
AngularJS遍历获取数组元素的方法示例
2017/11/11 Javascript
说说node中的可读流和可写流的区别
2018/06/01 Javascript
Layui组件Table绑定行点击事件和获取行数据的方法
2018/08/19 Javascript
详解Vue.js和layui日期控件冲突问题解决办法
2019/07/25 Javascript
Vue 3.0双向绑定原理的实现方法
2019/10/23 Javascript
JS函数参数的传递与同名参数实例分析
2020/03/16 Javascript
微信小程序文章详情功能完整实例
2020/06/03 Javascript
[01:46]DOTA2上海特锦赛小组赛英文解说KotlGuy采访
2016/02/27 DOTA
python使用arcpy.mapping模块批量出图
2017/03/06 Python
python通过elixir包操作mysql数据库实例代码
2018/01/31 Python
对python3 Serial 串口助手的接收读取数据方法详解
2019/06/12 Python
django数据库自动重连的方法实例
2019/07/21 Python
pyftplib中文乱码问题解决方案
2020/01/11 Python
python画图常规设置方式
2020/03/05 Python
Python3 requests模块如何模仿浏览器及代理
2020/06/15 Python
最简单的matplotlib安装教程(小白)
2020/07/28 Python
详解CSS的border边框属性及其在CSS3中的新特性
2016/05/10 HTML / CSS
洗煤厂厂长岗位职责
2014/01/03 职场文书
2015年学雷锋活动总结
2015/02/06 职场文书
2015中秋节慰问信范文
2015/03/23 职场文书
2015年教师节感恩寄语
2015/03/23 职场文书
莫言获奖感言(全文)
2015/07/31 职场文书
会议主持词通用版
2019/04/02 职场文书
正确使用MySQL update语句
2021/05/26 MySQL