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 相关文章推荐
List the UTC Time on a Computer
Jun 11 Javascript
javascript学习笔记(十五) js间歇调用和超时调用
Jun 20 Javascript
jquery时间下拉框小例子
Apr 15 Javascript
理解javascript中try...catch...finally
Dec 25 Javascript
javascript表单处理具体实现代码(表单、链接、按钮)
May 07 Javascript
基于javascript实现最简单选项卡切换
Feb 01 Javascript
JS实现的简单图片切换功能示例【测试可用】
Feb 14 Javascript
express框架实现基于Websocket建立的简易聊天室
Aug 10 Javascript
js实现跟随鼠标移动的小球
Aug 26 Javascript
JS实现使用POST方式发送请求
Aug 30 Javascript
vue移动端模态框(可传参)的实现
Nov 20 Javascript
JavaScript回调函数callback用法解析
Jan 14 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分页函数
2006/10/09 PHP
PHP临时文件的安全性分析
2014/07/04 PHP
Yii2中datetime类的使用
2016/12/17 PHP
PHP获取中国时间(上海时区时间)及美国时间的方法
2017/02/23 PHP
PHP检查网站是否宕机的方法示例
2017/07/24 PHP
学习YUI.Ext 第六天--关于树TreePanel(Part 1)
2007/03/10 Javascript
超棒的javascript页面顶部卷动广告效果
2007/12/01 Javascript
javaScript 读取和设置文档元素的样式属性
2009/04/14 Javascript
JavaScript实现页面滚动图片加载(仿lazyload效果)
2011/07/22 Javascript
关闭页面时window.location事件未执行的原因分析及解决方案
2014/09/01 Javascript
jquery 中ajax执行的优先级
2015/06/22 Javascript
微信JS-SDK坐标位置如何转换为百度地图坐标
2016/07/04 Javascript
RGB和YUV 多媒体编程基础详细介绍
2016/11/04 Javascript
浅谈js之字面量、对象字面量的访问、关键字in的用法
2016/11/20 Javascript
详解async/await 异步应用的常用场景
2019/05/13 Javascript
小程序接口的promise化的实现方法
2019/12/11 Javascript
记一次react前端项目打包优化的方法
2020/03/30 Javascript
vue添加锚点,实现滚动页面时锚点添加相应的class操作
2020/08/10 Javascript
基于vue实现简易打地鼠游戏
2020/08/21 Javascript
JS实现百度搜索框
2021/02/25 Javascript
[05:03]显微镜下的DOTA2第十期——Ti3豪之超神幽鬼
2014/06/23 DOTA
Python原始字符串(raw strings)用法实例
2014/10/13 Python
在Django的模板中使用认证数据的方法
2015/07/23 Python
对Python3 * 和 ** 运算符详解
2019/02/16 Python
Python利用PyPDF2库获取PDF文件总页码实例
2020/04/03 Python
利用keras使用神经网络预测销量操作
2020/07/07 Python
Kmeans均值聚类算法原理以及Python如何实现
2020/09/26 Python
css3实现信纸/同学录效果的示例代码
2018/12/11 HTML / CSS
很酷的HTML5电子书翻页动画特效
2016/02/25 HTML / CSS
沙龙级头发造型工具:FOXYBAE
2018/07/01 全球购物
阿迪达斯新加坡官方网站:adidas新加坡
2019/12/06 全球购物
Nike墨西哥官网:Nike MX
2020/08/30 全球购物
机械设计制造及其自动化专业求职信
2014/06/17 职场文书
安全生产知识竞赛活动总结
2014/07/07 职场文书
2016年综治宣传月活动宣传标语口号
2016/03/16 职场文书
Nginx配置https的实现
2021/11/27 Servers