代码触发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 相关文章推荐
jQuery 各种浏览器下获得日期区别
Dec 22 Javascript
Javascript base64编码实现代码
Dec 02 Javascript
js opener的使用详解
Jan 11 Javascript
js对字符的验证方法汇总
Feb 04 Javascript
jquery实现带缩略图的可定制高度画廊效果(5种)
Aug 28 Javascript
JS组件Bootstrap dropdown组件扩展hover事件
Apr 17 Javascript
jquery仿ps颜色拾取功能
Mar 08 Javascript
Angular2开发——组件规划篇
Mar 28 Javascript
vue-cli项目优化方法- 缩短首屏加载时间
Apr 01 Javascript
jQuery发请求传输中文参数乱码问题的解决方案
May 22 jQuery
深入理解JavaScript的值传递和引用传递
Oct 24 Javascript
详解用async/await来处理异步
Aug 28 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
BBS(php & mysql)完整版(四)
2006/10/09 PHP
PHP中使用BigMap实例
2015/03/30 PHP
PHP的介绍以及优势详细分析
2019/09/05 PHP
JavaScript delete操作符应用实例
2009/01/13 Javascript
js左侧多级菜单动态的解决方案
2010/02/01 Javascript
javascript实现的像java、c#之类的sleep暂停的函数代码
2010/03/04 Javascript
jquery插件如何使用 jQuery操作Cookie插件使用介绍
2012/12/15 Javascript
AngularJS入门知识之MVW类框架的编程思想探讨
2014/12/08 Javascript
JS模拟Dialog弹出浮动框效果代码
2015/10/16 Javascript
Vuejs第八篇之Vuejs组件的定义实例解析
2016/09/05 Javascript
利用Bootstrap实现表格复选框checkbox全选
2016/12/21 Javascript
js实现消息滚动效果
2017/01/18 Javascript
jQuery实现 RadioButton做必选校验功能
2017/06/15 jQuery
layui.js实现的表单验证功能示例
2017/11/15 Javascript
nodeJS进程管理器pm2的使用
2019/01/09 NodeJs
微信小程序动态设置图片大小的方法
2019/11/21 Javascript
深入解析Python中函数的参数与作用域
2016/03/20 Python
python对json的相关操作实例详解
2017/01/04 Python
Python学习笔记之if语句的使用示例
2017/10/23 Python
python3 发送任意文件邮件的实例
2018/01/23 Python
Flask框架模板继承实现方法分析
2019/07/31 Python
html5各种页面切换效果和模态对话框用法总结
2014/12/15 HTML / CSS
Bravofly德国:预订廉价航班和酒店
2019/09/22 全球购物
sort命令的作用和用法
2013/08/25 面试题
饭店工作计划书
2014/01/10 职场文书
《爱如茉莉》教后反思
2014/04/12 职场文书
法制宣传教育方案
2014/05/09 职场文书
创建文明城市标语
2014/06/16 职场文书
网络工程专业大学生求职信
2014/10/01 职场文书
2014年保洁工作总结
2014/11/24 职场文书
学习商务礼仪心得体会
2016/01/22 职场文书
优质护理服务心得体会
2016/01/22 职场文书
2016见义勇为事迹材料汇总
2016/03/01 职场文书
如何利用STAR法则制作留学文书?
2019/08/26 职场文书
zabbix监控mysql的实例方法
2021/06/02 MySQL
使用kubeadm命令行工具创建kubernetes集群
2022/03/31 Servers