代码触发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 相关文章推荐
validator验证控件使用代码
Nov 23 Javascript
从jquery的过滤器.filter()方法想到的
Sep 29 Javascript
使用CoffeeScrip优美方式编写javascript代码
Oct 28 Javascript
fastclick插件导致日期(input[type="date"])控件无法被触发该如何解决
Nov 09 Javascript
Extjs gridpanel 中的checkbox(复选框)根据某行的条件不能选中的解决方法
Feb 17 Javascript
解决vue+webpack打包路径的问题
Mar 06 Javascript
JS实现的汉字与Unicode码相互转化功能分析
May 25 Javascript
Vue.js+cube-ui(Scroll组件)实现类似头条效果的横向滚动导航条
Jun 24 Javascript
vue.js循环radio的实例
Nov 07 Javascript
小程序外卖订单界面的示例代码
Dec 30 Javascript
js实现抽奖的两种方法
Mar 19 Javascript
Openlayers绘制聚合标注
Sep 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
强烈推荐:php.ini中文版(2)
2006/10/09 PHP
header()函数使用说明
2006/11/23 PHP
PHP删除数组中空值的方法介绍
2014/04/14 PHP
PHP中auto_prepend_file与auto_append_file用法实例分析
2014/09/22 PHP
php微信开发之图片回复功能
2018/06/14 PHP
php和nginx交互实例讲解
2019/09/24 PHP
如何在PHP环境中使用ProtoBuf数据格式
2020/06/19 PHP
JavaScript脚本性能优化注意事项
2008/11/18 Javascript
javascript 显示当前系统时间代码
2009/12/28 Javascript
动态创建样式表在各浏览器中的差异测试代码
2011/09/13 Javascript
基于jquery的多功能软键盘插件
2012/07/25 Javascript
详解JavaScript中undefined与null的区别
2014/03/29 Javascript
JQ技术实现注册页面带有校验密码强度
2015/07/27 Javascript
第三篇Bootstrap网格基础
2016/06/21 Javascript
全面了解构造函数继承关键apply call
2016/07/26 Javascript
js 获取站点应用名的简单实例
2016/08/18 Javascript
javaScript canvas实现(画笔大小 颜色 橡皮的实例)
2017/11/28 Javascript
javascript自定义加载loading效果
2020/09/15 Javascript
用JavaScript实现贪吃蛇游戏
2020/10/23 Javascript
原生JavaScript实现轮播图
2021/01/10 Javascript
[02:21]十步杀一人,千里不留行——DOTA2全新英雄天涯墨客展示
2018/08/29 DOTA
[49:21]完美世界DOTA2联赛循环赛 Ink Ice vs LBZS BO2第二场 11.05
2020/11/06 DOTA
Python字典简介以及用法详解
2016/11/15 Python
浅谈终端直接执行py文件,不需要python命令
2017/01/23 Python
利用Python实现微信找房机器人实例教程
2019/03/10 Python
Python Web程序搭建简单的Web服务器
2019/07/31 Python
解决python 文本过滤和清理问题
2019/08/28 Python
PyCharm专业最新版2019.1安装步骤(含激活码)
2019/10/09 Python
python Socket网络编程实现C/S模式和P2P
2020/06/22 Python
连卡佛中国官网:Lane Crawford中文站
2018/01/27 全球购物
华三通信H3C面试题
2015/05/15 面试题
CSS代码检查工具stylelint的使用方法详解
2021/03/27 HTML / CSS
餐饮商业计划书范文
2014/04/29 职场文书
海南召开党的群众路线教育实践活动总结大会新闻稿
2014/10/21 职场文书
2014年学校德育工作总结
2014/12/05 职场文书
傲慢与偏见读书笔记
2015/06/29 职场文书