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中判断控件是否存在
Aug 25 Javascript
Jquery实现搜索框提示功能示例代码
Aug 13 Javascript
jquery实现的一个文章自定义分段显示功能
May 23 Javascript
JS提示:Uncaught SyntaxError: Unexpected token ILLEGAL错误的解决方法
Aug 19 Javascript
AngularJs Managing Service Dependencies详解
Sep 02 Javascript
利用JavaScript实现拖拽改变元素大小
Dec 14 Javascript
JavaScript实现计算多边形质心的方法示例
Jan 31 Javascript
node实现基于token的身份验证
Apr 09 Javascript
Vue+iview+webpack ie浏览器兼容简单处理
Sep 20 Javascript
vuex实现购物车的增加减少移除
Jun 28 Javascript
vue 判断元素内容是否超过宽度的方式
Jul 29 Javascript
Vue 数据绑定的原理分析
Nov 16 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(6) 面向对象
2010/02/16 PHP
destoon整合ucenter后注册页面不跳转的解决方法
2014/06/21 PHP
WordPress中编写自定义存储字段的相关PHP函数解析
2015/12/25 PHP
Laravel Memcached缓存驱动的配置与应用方法分析
2016/10/08 PHP
PHP使用redis消息队列发布微博的方法示例
2017/06/22 PHP
Laravel框架中Blade模板的用法示例
2017/08/30 PHP
JQuery 表单中textarea字数限制实现代码
2009/12/07 Javascript
学习面向对象之面向对象的基本概念:对象和其他基本要素
2010/11/30 Javascript
javascript利用apply和arguments复用方法
2013/11/25 Javascript
给angular加上动画效遇到的问题总结
2016/02/17 Javascript
Bootstrap 粘页脚效果
2016/03/28 Javascript
浅谈jquery的map()和each()方法
2016/06/12 Javascript
Bootstrap列表组学习使用
2017/02/09 Javascript
通过js动态创建标签,并设置属性方法
2018/02/24 Javascript
使用JavaScript中的lodash编写双色球效果
2018/06/24 Javascript
vue中created和mounted的区别浅析
2019/08/13 Javascript
解决vue项目获取dom元素宽高总是不准确问题
2020/07/29 Javascript
用webAPI实现图片放大镜效果
2020/11/23 Javascript
PyQt5每天必学之组合框
2018/04/20 Python
Python 利用scrapy爬虫通过短短50行代码下载整站短视频
2018/10/29 Python
Python实现 版本号对比功能的实例代码
2019/04/18 Python
python Django的web开发实例(入门)
2019/07/31 Python
django formset实现数据表的批量操作的示例代码
2019/12/06 Python
Django 项目布局方法(值得推荐)
2020/03/22 Python
解决django 向mysql中写入中文字符出错的问题
2020/05/18 Python
python程序如何进行保存
2020/07/03 Python
德国柯吉澳趣味家居:Koziol
2017/08/24 全球购物
为什么group by 和order by会使查询变慢
2014/05/16 面试题
四个太阳教学反思
2014/02/01 职场文书
小班秋游活动方案
2014/02/22 职场文书
2014年团支部工作总结
2014/11/17 职场文书
2014年节能减排工作总结
2014/12/06 职场文书
幼儿学前班评语
2014/12/29 职场文书
企业财务总监岗位职责
2015/04/03 职场文书
推销搭讪开场白
2015/05/28 职场文书
Java由浅入深通关抽象类与接口(下篇)
2022/04/26 Java/Android