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 相关文章推荐
jQuery 使用手册(二)
Sep 23 Javascript
jQuery入门第一课 jQuery选择符
Mar 14 Javascript
qTip 基于JQuery的Tooltip插件[兼容性好]
Sep 01 Javascript
JQuery获取浏览器窗口内容部分高度的代码
Feb 24 Javascript
js性能优化技巧
Nov 29 Javascript
轻松实现Bootstrap图片轮播
Apr 20 Javascript
javascript关于继承解析
May 10 Javascript
jQuery基本选择器之标签名选择器
Sep 03 Javascript
jQuery Tree Multiselect使用详解
May 02 jQuery
vue中post请求以a=a&b=b 的格式写遇到的问题
Apr 27 Javascript
jQuery实现为table表格动态添加或删除tr功能示例
Feb 19 jQuery
Vue 使用beforeEach实现登录状态检查功能
Oct 31 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来检测proxy
2006/10/09 PHP
php图像处理函数大全(推荐收藏)
2013/07/11 PHP
thinkphp使用literal防止模板标签被解析的方法
2014/11/22 PHP
php如何执行非缓冲查询API
2016/07/22 PHP
PHP attributes()函数讲解
2019/02/03 PHP
jquery学习笔记二 实现可编辑的表格
2010/04/09 Javascript
jQuery瀑布流插件Wookmark使用实例
2014/04/02 Javascript
js实现当鼠标移到表格上时显示这一格全部内容的代码
2016/06/12 Javascript
浅谈jQuery效果函数
2016/09/16 Javascript
jQuery中DOM节点的删除方法总结(超全面)
2017/01/22 Javascript
vuejs2.0运用原生js实现简单拖拽元素功能
2020/08/21 Javascript
Vue项目如何引入bootstrap、elementUI、echarts
2020/11/26 Vue.js
[04:03]2014DOTA2西雅图国际邀请赛 LGD战队巡礼
2014/07/07 DOTA
基于python实现微信模板消息
2015/12/21 Python
分享Python开发中要注意的十个小贴士
2016/08/30 Python
Python针对给定列表中元素进行翻转操作的方法分析
2018/04/27 Python
浅析Python pandas模块输出每行中间省略号问题
2018/07/03 Python
python实现机器学习之多元线性回归
2018/09/06 Python
Python面向对象程序设计中类的定义、实例化、封装及私有变量/方法详解
2019/02/28 Python
python调用支付宝支付接口流程
2019/08/15 Python
Python + Requests + Unittest接口自动化测试实例分析
2019/12/12 Python
pytorch标签转onehot形式实例
2020/01/02 Python
戴森美国官网:Dyson美国
2016/09/11 全球购物
挪威手表购物网站:Klokker
2016/09/19 全球购物
澳大利亚工具仓库:Tools Warehouse
2018/10/15 全球购物
ETO男装官方网店:ETO Jeans
2019/02/28 全球购物
Mansur Gavriel官网:纽约市的一个设计品牌
2019/05/02 全球购物
关于教师节的广播稿
2014/09/10 职场文书
投资入股合作协议书
2014/10/28 职场文书
2014年客服工作总结范文
2014/11/13 职场文书
入党函调证明材料
2014/12/24 职场文书
2015年医院科室工作总结范文
2015/05/26 职场文书
高中数学教学反思范文
2016/02/18 职场文书
浅谈Python numpy创建空数组的问题
2021/05/25 Python
JS实现数组去重的11种方法总结
2022/04/04 Javascript
vue2的 router在使用过程中遇到的一些问题
2022/04/13 Vue.js