代码触发js事件(click、change)示例应用


Posted in Javascript onDecember 13, 2013

Chrome , Firfox 不支持fireEvent的方法
可以使用dispatchEvent的方法替代, 直接给一个兼容的Code.

触发click 事件

function simulateClick(el) { 
var evt; 
if (document.createEvent) { // DOM Level 2 standard 
evt = document.createEvent("MouseEvents"); 
evt.initMouseEvent("click", true, true, window, 
0, 0, 0, 0, 0, false, false, false, false, 0, null); 
el.dispatchEvent(evt); 
} else if (el.fireEvent) { // IE 
el.fireEvent('onclick'); 
} 
}

触发drag事件
function simulateDrag(el) { 
var evt; 
if (document.createEvent) { // DOM Level 2 standard 
evt = document.createEvent("MouseEvent"); 
evt.initMouseEvent("dragstart", true, true, window, 
0, 0, 0, 0, 0, false, false, false, false, 0, null); 
el.dispatchEvent(evt); 
} else if (el.fireEvent) { // IE 
el.fireEvent('ondragstart'); 
} 
}
Javascript 相关文章推荐
JavaScript中OnLoad几种使用方法
Dec 15 Javascript
Extjs优化(二)Form表单提交通用实现
Apr 15 Javascript
JS 获取滚动条高度示例代码
Oct 24 Javascript
Javscript调用iframe框架页面中函数的方法
Nov 01 Javascript
js实现添加可信站点、修改activex安全设置,禁用弹出窗口阻止程序
Aug 17 Javascript
微信通过页面(H5)直接打开本地app的解决方法
Sep 09 Javascript
vue.js实现点击后动态添加class及删除同级class的实现代码
Apr 04 Javascript
ES6与CommonJS中的模块处理的区别
Jun 13 Javascript
微信小程序中this.data与this.setData的区别详解
Sep 17 Javascript
vue中的v-if和v-show的区别详解
Sep 01 Javascript
Layui点击图片弹框预览的实现方法
Sep 16 Javascript
带你彻底理解JavaScript中的原型对象
Apr 14 Javascript
jquery获得option的值和对option进行操作
Dec 13 #Javascript
jquery遍历筛选数组的几种方法和遍历解析json对象
Dec 13 #Javascript
jquery改变disabled的boolean状态的三种方法
Dec 13 #Javascript
javascript判断两个IP地址是否在同一个网段的实现思路
Dec 13 #Javascript
Extjs4中的分页应用结合前后台
Dec 13 #Javascript
php显示当前文件所在的文件以及文件夹所有文件以树形展开
Dec 13 #Javascript
window.print打印指定div实例代码
Dec 13 #Javascript
You might like
mysql5写入和读出乱码解决
2006/11/25 PHP
第4章 数据处理-php字符串的处理-郑阿奇(续)
2011/07/04 PHP
php数据类型判断函数有哪些
2013/09/23 PHP
Zend Framework实现Zend_View集成Smarty模板系统的方法
2016/03/05 PHP
Extjs学习笔记之九 数据模型(上)
2010/01/11 Javascript
JavaScript 字符串处理函数使用小结
2010/12/02 Javascript
关于Ext中form移除textfield方法:hide(),setVisible(false),remove()
2010/12/02 Javascript
浅谈Javascript面向对象编程
2011/11/15 Javascript
JS实现遮罩层效果的简单实例
2013/11/12 Javascript
javascript中的__defineGetter__和__defineSetter__介绍
2014/08/15 Javascript
jQuery中prev()方法用法实例
2015/01/08 Javascript
JavaScript中的对象与JSON
2015/07/03 Javascript
不能不知道的10个angularjs英文学习网站
2016/03/23 Javascript
Bootstrap与KnockoutJs相结合实现分页效果实例详解
2016/05/03 Javascript
js控制文本框只能输入中文、英文、数字与指定特殊符号的实现代码
2016/09/09 Javascript
微信小程序js文件改变参数并在视图上及时更新【推荐】
2018/06/11 Javascript
vue项目中,main.js,App.vue,index.html的调用方法
2018/09/20 Javascript
vuex的module模块用法示例
2018/11/12 Javascript
详解vue在项目中使用百度地图
2019/03/26 Javascript
JS计算斐波拉切代码实例
2019/09/12 Javascript
JavaScript 防盗链的原理以及破解方法
2020/12/29 Javascript
Python字符串处理之count()方法的使用
2015/05/18 Python
为什么入门大数据选择Python而不是Java?
2018/03/07 Python
Python matplotlib学习笔记之坐标轴范围
2019/06/28 Python
python并发爬虫实用工具tomorrow实用解析
2019/09/25 Python
Python为何不支持switch语句原理详解
2020/10/21 Python
安装Anaconda3及使用Jupyter的方法
2020/10/27 Python
htnl5利用svg页面高斯模糊的方法
2018/07/20 HTML / CSS
Debenhams爱尔兰:英国知名的百货公司
2017/01/02 全球购物
俄罗斯金苹果网上化妆品和香水商店:Goldapple
2019/12/01 全球购物
YII2 全局异常处理深入讲解
2021/03/24 PHP
大学生毕业自我鉴定范文
2014/02/03 职场文书
婚礼主持结束词
2014/03/13 职场文书
贷款工资证明范本
2015/06/12 职场文书
世界十大狙击步枪排行榜
2022/03/20 杂记
java版 联机五子棋游戏
2022/05/04 Java/Android