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 相关文章推荐
Javascript 遍历对象中的子对象
Jul 03 Javascript
关于IE、Firefox、Opera页面呈现异同 写脚本很痛苦
Aug 28 Javascript
利用js的Node遍历找到repeater的一个字段实例介绍
Apr 25 Javascript
js中的eventType事件及其浏览器支持性介绍
Nov 29 Javascript
jQuery使用prepend()方法在元素前添加内容用法实例
Mar 26 Javascript
vue axios 二次封装的示例代码
Dec 08 Javascript
vue 详情跳转至列表页实现列表页缓存
Mar 27 Javascript
vue实现手机号码的校验实例代码(防抖函数的应用场景)
Sep 05 Javascript
原生js拖拽实现图形伸缩效果
Feb 10 Javascript
JS+CSS实现过渡特效
Jan 02 Javascript
深入理解javascript中的this
Feb 08 Javascript
jquery插件实现搜索历史
Apr 24 jQuery
关于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
解析ajax事件的调用顺序
2013/06/17 PHP
ThinkPHP文件上传实例教程
2014/08/22 PHP
PHP对象实例化单例方法
2017/01/19 PHP
PHP SESSION跨页面传递失败解决方案
2020/12/11 PHP
完美解决JS中汉字显示乱码问题(已解决)
2006/12/27 Javascript
javascript实现动态CSS换肤技术的脚本
2007/06/29 Javascript
javascript十个最常用的自定义函数(中文版)
2009/09/07 Javascript
获取表单控件原始(初始)值的方法
2013/08/21 Javascript
AngularJS HTML DOM详解及示例代码
2016/08/17 Javascript
浅析JS中对函数function的理解(基础篇)
2016/10/14 Javascript
xmlplus组件设计系列之路由(ViewStack)(7)
2017/05/02 Javascript
移动端Ionic App 资讯上下循环滚动的实现代码(跑马灯效果)
2017/08/29 Javascript
React-Native使用Mobx实现购物车功能
2017/09/14 Javascript
jQuery中ajax获取数据赋值给页面的实例
2017/12/31 jQuery
cnpm加速Angular项目创建的方法
2018/09/07 Javascript
vue动态配置模板 'component is'代码
2019/07/04 Javascript
vue下使用nginx刷新页面404的问题解决
2019/08/02 Javascript
Swiper.js实现移动端元素左右滑动
2019/09/08 Javascript
[27:08]完美世界DOTA2联赛PWL S2 SZ vs Rebirth 第二场 11.21
2020/11/23 DOTA
Python中selenium实现文件上传所有方法整理总结
2017/04/01 Python
python中利用zfill方法自动给数字前面补0
2018/04/10 Python
python 请求服务器的实现代码(http请求和https请求)
2018/05/25 Python
python制作朋友圈九宫格图片
2019/11/03 Python
python随机模块random使用方法详解
2020/02/14 Python
Python Selenium自动化获取页面信息的方法
2020/08/31 Python
python爬虫构建代理ip池抓取数据库的示例代码
2020/09/22 Python
英国最大的电子零件及配件零售商:Partmaster
2017/04/24 全球购物
Set里的元素是不能重复的,那么用什么方法来区分重复与否呢? 是用==还是equals()? 它们有何区别?用contains来区分是否有重复的对象。还是都不用
2013/07/30 面试题
5个HTML5的常用本地存储方式详解与介绍
2021/03/27 HTML / CSS
高级销售员求职信
2013/10/25 职场文书
影子教师研修方案
2014/06/14 职场文书
企业授权委托书范本
2014/09/22 职场文书
农村党支部书记党群众路线四风问题整改措施
2014/09/26 职场文书
张丽莉事迹观后感
2015/06/16 职场文书
二婚主持词
2015/06/30 职场文书
《倍数和因数》教学反思
2016/02/23 职场文书