代码触发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创建自己的插件(自定义插件)的方法
Jun 10 Javascript
基于jquery的无刷新分页技术
Jun 11 Javascript
解决JQeury显示内容没有边距内容紧挨着浏览器边线
Dec 20 Javascript
jQuery子属性过滤选择器用法分析
Feb 10 Javascript
深入理解JavaScript系列(44):设计模式之桥接模式详解
Mar 04 Javascript
js中数组的常用方法小结
Dec 30 Javascript
详解如何在Angular中快速定位DOM元素
May 17 Javascript
利用types增强vscode中js代码提示功能详解
Jul 07 Javascript
vue移动端监听滚动条高度的实现方法
Sep 03 Javascript
Angular刷新当前页面的实现方法
Nov 21 Javascript
Vue为什么要谨慎使用$attrs与$listeners
Aug 27 Javascript
javascript实现时钟动画
Dec 03 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/06/03 PHP
destoon在各个服务器下设置URL Rewrite(伪静态)的方法
2014/06/21 Servers
ThinkPHP模板输出display用法分析
2014/11/26 PHP
Thinkphp中的curd应用实用要点
2015/01/04 PHP
php 类中的常量、静态属性、非静态属性的区别
2017/04/09 PHP
swoole和websocket简单聊天室开发
2017/11/18 PHP
PHPStorm2020.1永久激活及下载更新至2020(推荐)
2020/09/25 PHP
js获取对象为null的解决方法
2013/11/21 Javascript
js保留小数点后几位的写法
2014/01/03 Javascript
DIV始终居中的js代码
2014/02/17 Javascript
javascript几个易错点记录
2014/11/26 Javascript
jQuery选择器源码解读(一):Sizzle方法
2015/03/31 Javascript
jQuery插件开发汇总
2016/05/15 Javascript
Ext JS动态加载JavaScript创建窗体的方法
2016/06/23 Javascript
Mvc提交表单的四种方法全程详解
2016/08/10 Javascript
原生JS实现的放大镜效果实例代码
2016/10/15 Javascript
Vue.js学习示例分享
2017/02/05 Javascript
微信小程序把百度地图坐标转换成腾讯地图坐标过程详解
2019/07/10 Javascript
基于Vue实现微前端的示例代码
2020/04/24 Javascript
vue实现列表拖拽排序的功能
2020/11/02 Javascript
[22:20]初生之犊-TI4第5名LGD战队纪录片
2014/08/13 DOTA
[10:34]DOTA2上海特级锦标赛全纪录
2016/03/25 DOTA
Python set集合类型操作总结
2014/11/07 Python
搭建Python的Django框架环境并建立和运行第一个App的教程
2016/07/02 Python
Python对象与引用的介绍
2019/01/24 Python
Python中zipfile压缩文件模块的基本使用教程
2020/06/14 Python
如何完美的建立一个python项目
2020/10/09 Python
Selenium关闭INFO:CONSOLE提示的解决
2020/12/07 Python
美国最大的宠物药店:1-800-PetMeds
2016/10/02 全球购物
班主任评语大全
2014/04/26 职场文书
2015年社会实践个人总结
2015/03/06 职场文书
2016年秋季新学期致辞
2015/07/30 职场文书
新郎新娘致辞
2015/07/31 职场文书
教师远程研修感悟
2015/11/18 职场文书
2019求职信:应届生求职信范文
2019/04/24 职场文书
一文读懂go中semaphore(信号量)源码
2021/04/03 Golang