代码触发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 点击按钮弹出另一页,选择值后,返回到当前页
May 26 Javascript
js二维数组排序的简单示例代码
Jan 24 Javascript
jQuery函数map()和each()介绍及异同点分析
Nov 08 Javascript
jquery图片滚动放大代码分享(1)
Aug 25 Javascript
JavaScript识别网页关键字并进行描红的方法
Nov 09 Javascript
javascript中不易分清的slice,splice和split三个函数
Mar 29 Javascript
利用jQuery插件imgAreaSelect实现获得选择域的图像信息
Dec 02 Javascript
AngularJS基于http请求实现下载php生成的excel文件功能示例
Jan 23 Javascript
解决vue同一slot在组件中渲染多次的问题
Sep 06 Javascript
详解基于React.js和Node.js的SSR实现方案
Mar 21 Javascript
原生JS 实现的input输入时表格过滤操作示例
Aug 03 Javascript
Vue实现多标签选择器
Nov 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
PHP5中MVC结构学习
2006/10/09 PHP
PHP 魔术函数使用说明
2010/05/14 PHP
PHPMailer使用教程(PHPMailer发送邮件实例分析)
2012/12/06 PHP
php使用session二维数组实例
2014/11/06 PHP
php实现搜索类封装示例
2016/03/31 PHP
XMLHTTPRequest的属性和方法简介
2010/11/23 Javascript
jquery内置验证(validate)使用方法示例(表单验证)
2013/12/04 Javascript
sliderToggle在写jquery的计时器setTimeouter中不生效
2014/05/26 Javascript
基于jQuery的图片不完全按比例自动缩小
2014/07/11 Javascript
一款基jquery超炫的动画导航菜单可响应单击事件
2014/11/02 Javascript
Javascript访问器属性实例分析
2014/12/30 Javascript
javascript中sort()的用法实例分析
2015/01/30 Javascript
Ionic如何实现下拉刷新与上拉加载功能
2016/06/03 Javascript
Vue结合原生js实现自定义组件自动生成示例
2017/01/21 Javascript
canvas的神奇用法
2017/02/03 Javascript
在vue-cli中组件通信的方法
2017/12/16 Javascript
js 取消页面可以选中文字的功能方法
2018/01/02 Javascript
Vue.js中对css的操作(修改)具体方式详解
2018/10/30 Javascript
微信小程序开发之获取用户手机号码(php接口解密)
2020/05/17 Javascript
用python实现批量重命名文件的代码
2012/05/25 Python
linux 下实现python多版本安装实践
2014/11/18 Python
Python实现根据日期获取当天凌晨时间戳的方法示例
2019/04/09 Python
python3实现带多张图片、附件的邮件发送
2019/08/10 Python
PyTorch之图像和Tensor填充的实例
2019/08/18 Python
Python 导入文件过程图解
2019/10/15 Python
浅谈python之自动化运维(Paramiko)
2020/01/31 Python
python识别验证码图片实例详解
2020/02/17 Python
Python+kivy BoxLayout布局示例代码详解
2020/12/28 Python
Python读写Excel表格的方法
2021/03/02 Python
大学生创业计划书的用途
2014/01/08 职场文书
学生拾金不昧表扬信
2014/01/21 职场文书
乡镇干部十八大感言
2014/02/17 职场文书
求职信名称怎么写
2014/05/26 职场文书
教师听课学习心得体会
2016/01/15 职场文书
CSS3 制作的书本翻页特效
2021/04/13 HTML / CSS
python机器学习创建基于规则聊天机器人过程示例详解
2021/11/02 Python