代码触发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.datatable共存,checkbox全选异常的快速解决方法
Dec 10 Javascript
JavaScript 匿名函数和闭包介绍
Apr 13 Javascript
简单掌握JavaScript中const声明常量与变量的用法
May 21 Javascript
关于iframe跨域POST提交的方法示例
Jan 15 Javascript
关于jQuery.ajax()的jsonp碰上post详解
Jul 02 jQuery
vue2组件之select2调用的示例代码
Oct 12 Javascript
谈谈JS中的!!
Dec 07 Javascript
vue.js打包之后可能会遇到的坑!
Jun 03 Javascript
vue vue-Router默认hash模式修改为history需要做的修改详解
Sep 13 Javascript
对angularJs中controller控制器scope父子集作用域的实例讲解
Oct 08 Javascript
express+vue+mongodb+session 实现注册登录功能
Dec 06 Javascript
JS正则表达式封装与使用操作示例
May 15 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 分页原理详解
2009/08/21 PHP
PHP中include/require/include_once/require_once使用心得
2016/08/28 PHP
Ajax和PHP正则表达式验证表单及验证码
2016/09/24 PHP
PHP实现的Redis多库选择功能单例类
2017/07/27 PHP
一个不错的应用,用于提交获取文章内容,不推荐用
2007/03/03 Javascript
javascript 学习之旅 (2)
2009/02/05 Javascript
jquery下jstree简单应用 - v1.0
2011/04/14 Javascript
多引号嵌套的变量命名的问题
2014/05/09 Javascript
js实现鼠标感应向下滑动隐藏菜单的方法
2015/02/20 Javascript
Javascript中的call()方法介绍
2015/03/15 Javascript
JQuery记住用户名密码实现下次自动登录功能
2015/04/27 Javascript
requireJS使用指南
2016/04/27 Javascript
jQuery+ajax简单实现文件上传的方法
2016/06/03 Javascript
jQuery EasyUI Panel面板组件使用详解
2017/02/28 Javascript
vue 的点击事件获取当前点击的元素方法
2018/09/15 Javascript
从零开始封装自己的自定义Vue组件
2018/10/09 Javascript
微信小程序的mpvue框架快速上手指南
2019/05/15 Javascript
微信小程序实现图片上传
2019/05/23 Javascript
js实现鼠标点击页面弹出自定义文字效果
2019/12/24 Javascript
python中urllib模块用法实例详解
2014/11/19 Python
使用python绘制二元函数图像的实例
2019/02/12 Python
django Admin文档生成器使用详解
2019/07/22 Python
python Django编写接口并用Jmeter测试的方法
2019/07/31 Python
python修改字典键(key)的方法
2019/08/05 Python
python 字典 setdefault()和get()方法比较详解
2019/08/07 Python
dpn网络的pytorch实现方式
2020/01/14 Python
python爬虫实现获取下一页代码
2020/03/13 Python
python3.8.1+selenium实现登录滑块验证功能
2020/05/22 Python
python 利用jieba.analyse进行 关键词提取
2020/12/17 Python
外包公司软件测试工程师
2014/11/01 面试题
公务员总结性个人自我评价
2013/12/05 职场文书
企业为何需要商业计划书
2013/12/26 职场文书
大学生军训自我鉴定范文
2014/09/18 职场文书
打架检讨书范文
2015/01/27 职场文书
2015年试用期自我评价范文
2015/03/10 职场文书
如何获取numpy array前N个最大值
2021/05/14 Python