代码触发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 相关文章推荐
解决FLASH需要点击激活的代码
Dec 20 Javascript
javascript实现简单的贪吃蛇游戏
Mar 31 Javascript
Node.js编写爬虫的基本思路及抓取百度图片的实例分享
Mar 12 Javascript
JS实现用户注册时获取短信验证码和倒计时功能
Oct 27 Javascript
BootStrap CSS全局样式和表格样式源码解析
Jan 20 Javascript
AngularJS实现路由实例
Feb 12 Javascript
Vue.js:使用Vue-Router 2实现路由功能介绍
Feb 22 Javascript
详解redux异步操作实践
Aug 15 Javascript
Vuex 快速入门(简单易懂)
Sep 20 Javascript
ES6中的class是如何实现的(附Babel编译的ES5代码详解)
May 17 Javascript
Vue移动端项目实现使用手机预览调试操作
Jul 18 Javascript
vue3.0中使用element的完整步骤
Mar 04 Vue.js
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中$_SERVER[PHP_SELF] 和 $_SERVER[SCRIPT_NAME]之间的区别
2009/09/05 PHP
php的urlencode()URL编码函数浅析
2011/08/09 PHP
Codeigniter实现处理用户登录验证后的URL跳转
2014/06/12 PHP
PHP+MYSQL中文乱码问题
2015/07/01 PHP
Yii2实现上下联动下拉框功能的方法
2016/08/10 PHP
PHP实现接收二进制流转换成图片的方法
2017/01/10 PHP
Javascript MD4
2006/12/20 Javascript
关于event.cancelBubble和event.stopPropagation()的区别介绍
2011/12/11 Javascript
使用js判断TextBox控件值改变然后出发事件
2014/03/07 Javascript
JS定时器使用,定时定点,固定时刻,循环执行详解
2016/05/31 Javascript
javascript实现去除HTML标签的方法
2016/12/26 Javascript
前端构建工具之gulp的配置与搭建详解
2017/06/12 Javascript
javaScript手机号码校验工具类PhoneUtils详解
2017/12/08 Javascript
vue axios 表单提交上传图片的实例
2018/03/16 Javascript
详解Javascript中new()到底做了些什么?
2018/03/29 Javascript
通过实例讲解JS如何防抖动
2019/06/15 Javascript
前端插件之Bootstrap Dual Listbox使用教程
2019/07/23 Javascript
基于JavaScript实现单例模式
2019/10/30 Javascript
vue-router 路由传参用法实例分析
2020/03/06 Javascript
js中复选框的取值及赋值示例详解
2020/10/18 Javascript
python实现K最近邻算法
2018/01/29 Python
Python基础教程之利用期物处理并发
2018/03/29 Python
python读取csv文件并把文件放入一个list中的实例讲解
2018/04/27 Python
matplotlib给子图添加图例的方法
2018/08/03 Python
python opencv摄像头的简单应用
2019/06/06 Python
python模拟鼠标点击和键盘输入的操作
2019/08/04 Python
详解python常用命令行选项与环境变量
2020/02/20 Python
pandas分批读取大数据集教程
2020/06/06 Python
工程师必须了解的LRU缓存淘汰算法以及python实现过程
2020/10/15 Python
鱼油专家:Omegavia
2016/10/10 全球购物
标签和贴纸印刷:Lightning Labels
2018/03/22 全球购物
澳大利亚便宜隐形眼镜购买网站:QUICKLENS Australia
2018/10/06 全球购物
共产党员公开承诺践诺书
2014/05/28 职场文书
个人公司授权委托书范本
2014/10/12 职场文书
安全生产工作汇报材料
2014/10/28 职场文书
mysql拆分字符串作为查询条件的示例代码
2022/07/07 MySQL