代码触发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 弹出登录窗口实现代码
Dec 24 Javascript
基于jquery的高性能td和input切换并可修改内容实现代码
Jan 09 Javascript
javascript控制在光标位置插入文字适合表情的插入
Jun 09 Javascript
js中日期的加减法
May 06 Javascript
Vuejs第七篇之Vuejs过渡动画案例全面解析
Sep 05 Javascript
Bootstrap基本样式学习笔记之图片(6)
Dec 07 Javascript
Vue.js实现输入框绑定的实例代码
Aug 24 Javascript
微信小程序wx.request实现后台数据交互功能分析
Nov 25 Javascript
Angular开发实践之服务端渲染
Mar 29 Javascript
详解Vue之计算属性
Jun 20 Javascript
JS数据类型判断的几种常用方法
Jul 07 Javascript
JavaScript React如何修改默认端口号方法详解
Jul 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 SOCKET编程详解
2015/05/22 PHP
又十个超级有用的PHP代码片段
2015/09/24 PHP
php 使用 __call实现重载功能示例
2019/11/18 PHP
Yii 框架使用Forms操作详解
2020/05/18 PHP
Ext JS添加子组件的误区探讨
2013/06/28 Javascript
鼠标划过实现延迟加载并隐藏层的js代码
2013/10/11 Javascript
前端必备神器 Snap.svg 弹动效果
2014/11/10 Javascript
jquery表单对象属性过滤选择器实例分析
2015/05/18 Javascript
jQuery EasyUI 入门必看
2016/06/03 Javascript
浅谈JS之tagNaem和nodeName
2016/09/13 Javascript
js图片加载效果实例代码(延迟加载+瀑布流加载)
2017/05/12 Javascript
Angularjs使用过滤器完成排序功能
2017/09/20 Javascript
Fundebug支持监控微信小程序HTTP请求错误的方法
2019/02/21 Javascript
Vue实现商品详情页的评价列表功能
2019/09/04 Javascript
用Node写一条配置环境的指令
2019/11/14 Javascript
详解小程序如何动态绑定点击的执行方法
2019/11/26 Javascript
JavaScript indexOf()原理及使用方法详解
2020/07/09 Javascript
原生js+canvas实现验证码
2020/11/29 Javascript
Python黑魔法@property装饰器的使用技巧解析
2016/06/16 Python
python扫描proxy并获取可用代理ip的实例
2017/08/07 Python
Python排序搜索基本算法之希尔排序实例分析
2017/12/09 Python
Django 生成登陆验证码代码分享
2017/12/12 Python
python机器人行走步数问题的解决
2018/01/29 Python
Python SqlAlchemy动态添加数据表字段实例解析
2018/02/07 Python
利用Python实现原创工具的Logo与Help
2018/12/03 Python
详解python tkinter模块安装过程
2020/01/06 Python
python ubplot使用方法解析
2020/01/10 Python
深入了解Python enumerate和zip
2020/07/16 Python
Python Opencv实现单目标检测的示例代码
2020/09/08 Python
html5图片上传预览示例分享
2014/04/14 HTML / CSS
英国第一的购买便宜玩具和游戏的在线购物网站:Bargain Max
2018/01/24 全球购物
超市促销活动方案
2014/03/05 职场文书
2016年庆祝六一儿童节活动总结
2016/04/06 职场文书
详解如何在Canvas中添加事件的方法
2021/04/17 Javascript
MySQL数据库事务的四大特性
2022/04/20 MySQL
Golang 对es的操作实例
2022/04/20 Golang