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 相关文章推荐
基于mootools 1.3框架下的图片滑动效果代码
Apr 22 Javascript
jquery在Chrome下获取图片的长宽问题解决
Mar 20 Javascript
javascript生成随机颜色示例代码
May 05 Javascript
ECMAScript5中的对象存取器属性:getter和setter介绍
Dec 08 Javascript
bootstrap为水平排列的表单和内联表单设置可选的图标
Feb 15 Javascript
js使用i18n实现页面国际化的方法
May 09 Javascript
vue使用Element组件时v-for循环里的表单项验证方法
Jun 28 Javascript
bootstrap table插件动态加载表头
Jul 19 Javascript
使用vuex存储用户信息到localStorage的实例
Nov 11 Javascript
Nuxt默认模板、默认布局和自定义错误页面的实现
May 11 Javascript
javascript全局自定义鼠标右键菜单
Dec 08 Javascript
关于antd tree 和父子组件之间的传值问题(react 总结)
Jun 02 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
php多进程模拟并发事务产生的问题小结
2018/12/07 PHP
PHP读取目录树的实现方法分析
2019/03/22 PHP
phpStorm2020 注册码
2020/09/17 PHP
云网广告中的代码,提示出错,大家找找
2006/11/21 Javascript
js 单引号 传递方法
2009/06/22 Javascript
JavaScript Event学习第二章 Event浏览器兼容性
2010/02/07 Javascript
jquery提升性能最佳实践小结
2010/12/06 Javascript
jQuery实用基础超详细介绍
2013/04/11 Javascript
JS对img进行操作(换图片/切图/轮换/停止)
2013/04/17 Javascript
jQuery根据纬度经度查看地图处理程序
2013/05/08 Javascript
利用JavaScript判断浏览器类型及版本
2016/08/23 Javascript
Node.js开启Https的实践详解
2016/10/25 Javascript
canvas绘制万花筒效果(代码分享)
2017/01/20 Javascript
Angular ui.bootstrap.pagination分页
2017/01/20 Javascript
深入理解Vue 的条件渲染和列表渲染
2017/09/01 Javascript
微信小程序之页面跳转和参数传递的实现
2017/09/29 Javascript
浅谈ES6 模板字符串的具体使用方法
2017/11/07 Javascript
基于vue-cli创建的项目的目录结构及说明介绍
2017/11/23 Javascript
[03:17]2014DOTA2 国际邀请赛中国区预选赛 四强专访
2014/05/23 DOTA
python实现ip查询示例
2014/03/26 Python
TensorFlow查看输入节点和输出节点名称方式
2020/01/04 Python
python-jwt用户认证食用教学的实现方法
2021/01/19 Python
anaconda安装pytorch1.7.1和torchvision0.8.2的方法(亲测可用)
2021/02/01 Python
Html5 postMessage实现跨域消息传递
2016/03/11 HTML / CSS
extern在函数声明中是什么意思
2014/01/19 面试题
short s1 = 1; s1 = s1 + 1;有什么错? short s1 = 1; s1 += 1;有什么错?
2014/09/26 面试题
初中校园广播稿
2014/02/02 职场文书
合伙协议书范本
2014/04/21 职场文书
纪检干部现实表现材料
2014/08/21 职场文书
十佳少先队员演讲稿
2014/09/12 职场文书
2015年幼儿园卫生保健工作总结
2015/05/12 职场文书
2015年国庆放假通知范文
2015/08/18 职场文书
2016国庆促销广告语
2016/01/28 职场文书
判断Python中的Nonetype类型
2021/05/25 Python
详细谈谈MYSQL中的COLLATE是什么
2021/06/11 MySQL
mysql性能优化以及配置连接参数设置
2022/05/06 MySQL