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使用ajax读博客rss示例
May 06 Javascript
jQuery中wrapInner()方法用法实例
Jan 16 Javascript
javascript实现消灭星星小游戏简单版
Nov 15 Javascript
AngularJS报错$apply already in progress的解决方法分析
Jan 30 Javascript
vue.js实现刷新当前页面的方法教程
Jul 05 Javascript
node.js用fs.rename强制重命名或移动文件夹的方法
Dec 27 Javascript
Vue.js自定义事件的表单输入组件方法
Mar 08 Javascript
WebPack配置vue多页面的技巧
May 15 Javascript
js限制input只能输入有效的数字(第一个不能是小数点)
Sep 28 Javascript
js如何获取访问IP、地区、当前操作浏览器
Jul 23 Javascript
layui问题之自动滚动二级iframe页面到指定位置的方法
Sep 18 Javascript
解决新建一个vue项目过程中遇到的问题
Oct 22 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
利用curl抓取远程页面内容的示例代码
2013/07/23 PHP
ThinkPHP 3.2 数据分页代码分享
2014/10/14 PHP
PHP操作文件的一些基本函数使用示例
2014/11/18 PHP
php支付宝在线支付接口开发教程
2016/09/19 PHP
Laravel 的数据库迁移的方法
2017/07/31 PHP
JavaScript入门教程(6) Window窗口对象
2009/01/31 Javascript
利用JQuery的load函数动态加载其它页面的内容的实现代码
2010/12/14 Javascript
浅析showModalDialog数据缓存问题(用禁止浏览器缓存解决)
2013/07/09 Javascript
window.navigate 与 window.location.href 的使用区别介绍
2013/09/21 Javascript
js螺旋动画效果的具体实例
2013/11/15 Javascript
javascript表单验证使用示例(javascript验证邮箱)
2014/01/07 Javascript
angular.foreach 循环方法使用指南
2015/01/06 Javascript
实例代码详解jquery.slides.js
2015/11/16 Javascript
jQuery的选择器中的通配符[id^='code']或[name^='code']及jquery选择器总结
2015/12/24 Javascript
javascript实现简单计算器效果【推荐】
2016/04/19 Javascript
JavaScript重定向URL参数的两种方法小结
2016/10/19 Javascript
JavaScript 值类型和引用类型的初次研究(推荐)
2017/07/19 Javascript
JavaScript获取tr td 的三种方式全面总结(推荐)
2017/08/15 Javascript
echarts设置图例颜色和地图底色的方法实例
2018/08/01 Javascript
jQuery easyui datagird编辑行删除行功能的实现代码
2018/09/20 jQuery
JavaScript闭包相关知识解析
2019/10/19 Javascript
Vue图片浏览组件v-viewer用法分析【支持旋转、缩放、翻转等操作】
2019/11/04 Javascript
JavaScript复制变量三种方法实例详解
2020/01/09 Javascript
Javascript如何实现双指控制图片功能
2020/02/25 Javascript
JS函数本身的作用域实例分析
2020/03/16 Javascript
python通过shutil实现快速文件复制的方法
2015/03/14 Python
Python 模拟购物车的实例讲解
2017/09/11 Python
解决pycharm下os.system执行命令返回有中文乱码的问题
2019/07/07 Python
Python文本文件的合并操作方法代码实例
2020/03/31 Python
用python写爬虫简单吗
2020/07/28 Python
戴森比利时官方网站:Dyson BE
2020/10/03 全球购物
大学生就业意向书
2015/05/11 职场文书
2016大学生社会实践单位评语
2015/12/01 职场文书
《画家和牧童》教学反思
2016/02/17 职场文书
浅谈Python实现opencv之图片色素的数值运算和逻辑运算
2021/06/23 Python
36个正则表达式(开发效率提高80%)
2021/11/17 Javascript