代码触发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 判断中文字符长度的函数代码
Aug 27 Javascript
window.location.href中url中数据量太大时的解决方法
Dec 23 Javascript
jQuery - css() 方法示例详解
Jan 16 Javascript
改变状态栏文字的js代码
Jun 13 Javascript
Jquery实现图片预加载与延时加载的方法
Dec 22 Javascript
JavaScript中关键字 in 的使用方法详解
Oct 17 Javascript
JS实现简单表格排序操作示例
Oct 07 Javascript
在angular 6中使用 less 的实例代码
May 13 Javascript
node实现爬虫的几种简易方式
Aug 22 Javascript
Vue vm.$attrs使用场景详解
Mar 08 Javascript
Angular8 简单表单验证的实现示例
Jun 03 Javascript
前端 javascript 实现文件下载的示例
Nov 24 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无限分类(树形类)
2013/09/28 PHP
9条PHP编程小知识及易犯的小错误
2015/01/22 PHP
PHP调用API接口实现天气查询功能的示例
2017/09/21 PHP
JavaScript delete操作符应用实例
2009/01/13 Javascript
基于JQuery的一个简单的鼠标跟随提示效果
2010/09/23 Javascript
javascript游戏开发之《三国志曹操传》零部件开发(三)情景对话中仿打字机输出文字
2013/01/23 Javascript
jquery中加载图片自适应大小主要实现代码
2013/08/23 Javascript
微信浏览器内置JavaScript对象WeixinJSBridge使用实例
2015/05/25 Javascript
Sort()函数的多种用法
2016/03/20 Javascript
JavaScript利用HTML DOM进行文档操作的方法
2016/03/28 Javascript
简易的JS计算器实现代码
2016/10/18 Javascript
js实现省份下拉菜单效果
2017/02/15 Javascript
JS操作xml对象转换为Json对象示例
2017/03/25 Javascript
js 数字、字符串、布尔值的转换方法(必看)
2017/04/07 Javascript
node.js+captchapng+jsonwebtoken实现登录验证示例
2017/08/17 Javascript
Webpack 服务器端代码打包的示例代码
2017/09/19 Javascript
对layer弹出框中icon数字参数的说明介绍
2019/09/04 Javascript
javascript sort()对数组中的元素进行排序详解
2019/10/13 Javascript
小程序卡片切换效果组件wxCardSwiper的实现
2020/02/13 Javascript
vue使用exif获取图片旋转,压缩的示例代码
2020/12/11 Vue.js
[04:56]经典回顾:前Ehome 与 前LGD
2015/02/26 DOTA
使用Python的Flask框架实现视频的流媒体传输
2015/03/31 Python
Python实现图片滑动式验证识别方法
2017/11/09 Python
django项目搭建与Session使用详解
2018/10/10 Python
python执行scp命令拷贝文件及文件夹到远程主机的目录方法
2019/07/08 Python
Python numpy多维数组实现原理详解
2020/03/10 Python
如何开发一款堪比APP的微信小程序(腾讯内部团队分享)
2016/12/22 HTML / CSS
链表面试题-一个链表的结点结构
2015/05/04 面试题
当当网软件测试笔试题
2015/11/24 面试题
大学自荐信
2013/12/12 职场文书
自考毕业自我鉴定
2014/03/18 职场文书
老龄工作先进事迹
2014/08/15 职场文书
幼儿园大班开学寄语(2015秋季)
2015/05/27 职场文书
写给医护人员的一封感谢信
2019/09/16 职场文书
JS + HTML 罗盘式时钟的实现
2021/05/21 Javascript
html中相对位置与绝对位置的具体使用
2022/05/15 HTML / CSS