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 参数传递的实际应用代码分析
Sep 13 Javascript
Jquery ThickBox插件使用心得(不建议使用)
Sep 08 Javascript
DIV菜单层实现代码
Nov 19 Javascript
js获取浏览器的可视区域尺寸的实现代码
Nov 30 Javascript
jQuery创建平滑的页面滚动(顶部或底部)
Feb 26 Javascript
学习JavaScript事件流和事件处理程序
Jan 25 Javascript
javascript简单判断输入内容是否合法的方法
May 11 Javascript
微信小程序loading组件显示载入动画用法示例【附源码下载】
Dec 09 Javascript
vue之封装多个组件调用同一接口的案例
Aug 11 Javascript
elementUI同一页面展示多个Dialog的实现
Nov 19 Javascript
原生JS运动实现轮播图
Jan 02 Javascript
详解ES6 中的Object.assign()的用法实例代码
Jan 11 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
DC动漫人物排行
2020/03/03 欧美动漫
《五等分的花嫁》漫画完结!2020年10月第2期TV动画制作组换血!
2020/03/06 日漫
初学者入门:细述PHP4的核心Zend
2006/09/05 PHP
Php Cookie的一个使用注意点
2008/11/08 PHP
php简单socket服务器客户端代码实例
2015/05/18 PHP
PHP  实现等比压缩图片尺寸和大小实例代码
2016/10/08 PHP
PHP编程文件处理类SplFileObject和SplFileInfo用法实例分析
2017/07/22 PHP
php设计模式之职责链模式定义与用法经典示例
2019/09/19 PHP
JavaScript中的property和attribute介绍
2011/12/26 Javascript
使用jquery动态加载js文件的方法
2014/12/24 Javascript
js获取客户端操作系统类型的方法【测试可用】
2016/05/27 Javascript
浅谈JS使用[ ]来访问对象属性
2016/09/21 Javascript
浅谈javascript控制HTML5的全屏操控,浏览器兼容的问题
2016/10/10 Javascript
详解关于vue-area-linkage走过的坑
2018/06/27 Javascript
详解使用Next.js构建服务端渲染应用
2018/07/10 Javascript
JavaScript键盘事件常见用法实例分析
2019/01/03 Javascript
使用webpack编译es6代码的方法步骤
2019/04/28 Javascript
浅谈vue项目用到的mock数据接口的两种方式
2019/10/09 Javascript
微信小程序用canvas画图并分享
2020/03/09 Javascript
AI小程序之语音听写来了,十分钟掌握百度大脑语音听写全攻略
2020/03/13 Javascript
node koa2 ssr项目搭建的方法步骤
2020/12/11 Javascript
Python linecache.getline()读取文件中特定一行的脚本
2008/09/06 Python
python中的reduce内建函数使用方法指南
2014/08/31 Python
Python+matplotlib实现计算两个信号的交叉谱密度实例
2018/01/08 Python
python版微信跳一跳游戏辅助
2018/01/11 Python
python获取代码运行时间的实例代码
2018/06/11 Python
Python统计文本词汇出现次数的实例代码
2020/02/27 Python
Python爬取微信小程序Charles实现过程图解
2020/09/29 Python
英国儿童设计师服装和玩具购物网站:Zac & Lulu
2020/10/19 全球购物
介绍一下SQL Server的全文索引
2013/08/15 面试题
技校教师求职简历的自我评价
2013/10/20 职场文书
老师对学生的寄语
2014/04/09 职场文书
2014年社区居委会主任重阳节讲话稿
2014/09/25 职场文书
党支部四风整改方案
2014/10/25 职场文书
安全生产协议书
2016/03/22 职场文书
MySQL索引是啥?不懂就问
2021/07/21 MySQL