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的模态div层弹出效果
Aug 21 Javascript
js的表单操作 简单计算器
Dec 29 Javascript
js数组去重的常用方法总结
Jan 24 Javascript
在JS数组特定索引处指定位置插入元素的技巧
Aug 24 Javascript
基于JavaScript实现智能右键菜单
Mar 02 Javascript
js 判断数据类型的几种方法
Jan 13 Javascript
AngulaJS路由 ui-router 传参实例
Apr 28 Javascript
webpack多入口文件页面打包配置详解
Jan 09 Javascript
JS调用安卓手机摄像头扫描二维码
Oct 16 Javascript
详解Node.js异步处理的各种写法
Jun 09 Javascript
Javascript中Math.max和Math.max.apply的区别和用法详解
Aug 24 Javascript
vue登录页实现使用cookie记住7天密码功能的方法
Feb 18 Vue.js
关于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
深入理解require与require_once与include以及include_once的区别
2013/06/05 PHP
PHP设计模式(六)桥连模式Bridge实例详解【结构型】
2020/05/02 PHP
JavaScript replace(rgExp,fn)正则替换的用法
2010/03/04 Javascript
JavaScript中的prototype.bind()方法介绍
2014/04/04 Javascript
JavaScript异步回调的Promise模式封装实例
2014/06/07 Javascript
node.js中的fs.readFile方法使用说明
2014/12/15 Javascript
javascript模拟C#格式化字符串
2015/08/26 Javascript
Jquery EasyUI实现treegrid上显示checkbox并取选定值的方法
2016/04/29 Javascript
使用JS实现图片展示瀑布流效果(简单实例)
2016/09/06 Javascript
概述VUE2.0不可忽视的很多变化
2016/09/25 Javascript
js判断是否为空和typeof的用法(详解)
2016/10/07 Javascript
详解js的事件处理函数和动态创建html标记方法
2016/12/16 Javascript
详解nodejs微信jssdk后端接口
2017/05/25 NodeJs
微信小程序的分类页面制作
2017/06/27 Javascript
微信小程序三级联动地址选择器的实例代码
2017/07/12 Javascript
jQuery动态移除与增加onclick属性的方法详解
2018/06/07 jQuery
对Vue2 自定义全局指令Vue.directive和指令的生命周期介绍
2018/08/30 Javascript
vue+axios+promise实际开发用法详解
2018/10/15 Javascript
layui的layedit富文本赋值方法
2019/09/18 Javascript
layui table 列宽百分比显示的实现方法
2019/09/28 Javascript
pygame学习笔记(6):完成一个简单的游戏
2015/04/15 Python
Python扫描IP段查看指定端口是否开放的方法
2015/06/09 Python
Python过滤列表用法实例分析
2016/04/29 Python
Python堆排序原理与实现方法详解
2018/05/11 Python
Python画图实现同一结点多个柱状图的示例
2019/07/07 Python
python项目对接钉钉SDK的实现
2019/07/15 Python
使用Python操作ArangoDB的方法步骤
2020/02/02 Python
TensorFlow保存TensorBoard图像操作
2020/06/23 Python
全球最大的网上自行车商店:Chain Reaction Cycles
2016/12/02 全球购物
Mountain Warehouse德国官网:英国户外零售商
2019/08/11 全球购物
智能钱包:Ekster
2019/11/21 全球购物
仓管员岗位职责范文
2013/11/08 职场文书
教师节活动主持词
2014/04/02 职场文书
2014年客服工作总结范文
2014/11/13 职场文书
2014年质检员工作总结
2014/11/18 职场文书
2016年师德先进个人事迹材料
2016/02/29 职场文书