代码触发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 相关文章推荐
js利用Array.splice实现Array的insert/remove
Jan 13 Javascript
JS实现Enter键跳转及控件获得焦点
Aug 12 Javascript
JS检测图片大小的实例
Aug 21 Javascript
iframe父页面获取子页面参数的方法
Feb 21 Javascript
jQuery可见性过滤器:hidden和:visibility用法实例
Jun 24 Javascript
javascript实现在线客服效果
Jul 15 Javascript
jQuery EasyUI实现右键菜单变灰不可用效果
Sep 24 Javascript
JS图片预加载插件详解
Jun 21 Javascript
微信小程序云开发之使用云存储
May 17 Javascript
浅谈layui使用模板引擎动态渲染元素要注意的问题
Sep 14 Javascript
基于JS实现table导出Excel并保留样式
May 19 Javascript
vue中实现点击变成全屏的多种方法
Sep 27 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简单系统查询模块代码打包下载
2008/06/07 PHP
PHP正则表达式匹配替换与分割功能实例浅析
2017/02/04 PHP
Thinkphp通过一个入口文件如何区分移动端和PC端
2017/04/18 PHP
ThinkPHP5.1+Ajax实现的无刷新分页功能示例
2020/02/10 PHP
在 IE 中调用 javascript 打开 Excel 表
2006/12/21 Javascript
ExtJs扩展之GroupPropertyGrid代码
2010/03/05 Javascript
JS中动态添加事件(绑定事件)的代码
2011/01/09 Javascript
JavaScript转换农历类实现及调用方法
2013/01/27 Javascript
JS简单实现动画弹出层效果
2015/05/05 Javascript
jQuery检测某个元素是否存在代码分享
2015/07/09 Javascript
利用yarn实现一个webpack+react种子
2016/10/25 Javascript
详解操作虚拟dom模拟react视图渲染
2018/07/25 Javascript
详解create-react-app 2.0版本如何启用装饰器语法
2018/10/23 Javascript
详解在create-react-app使用less与antd按需加载
2018/12/06 Javascript
Element中的Cascader(级联列表)动态加载省\市\区数据的方法
2019/03/27 Javascript
js回文数的4种判断方法示例
2019/06/04 Javascript
Vue商品控件与购物车联动效果的实例代码
2019/07/21 Javascript
html5以及jQuery实现本地图片上传前的预览代码实例讲解
2021/03/01 jQuery
python制作企业邮箱的爆破脚本
2016/10/05 Python
详解Appium+Python之生成html测试报告
2019/01/04 Python
详解Python 多线程 Timer定时器/延迟执行、Event事件
2019/06/27 Python
python修改FTP服务器上的文件名
2019/09/11 Python
在python3中使用shuffle函数要注意的地方
2020/02/28 Python
python 5个实用的技巧
2020/09/27 Python
Python实现石头剪刀布游戏
2021/01/20 Python
浅谈css3中的前缀
2016/07/20 HTML / CSS
html5中valid、invalid、required的定义
2014/02/21 HTML / CSS
美国在线家装零售商:Build.com
2016/09/02 全球购物
银行类自荐信
2014/02/04 职场文书
村长贪污检举信
2014/04/04 职场文书
法人授权委托书格式
2014/04/08 职场文书
三年级学生期末评语
2014/12/26 职场文书
委托书的样本
2015/01/28 职场文书
早上好问候语大全
2015/11/10 职场文书
创业计划书之情侣餐厅
2019/09/29 职场文书
opencv 分类白天与夜景视频的方法
2021/06/05 Python