代码触发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 相关文章推荐
如何做到打开一个页面,过几分钟自动转到另一页面
Apr 20 Javascript
javascript中encodeURI和decodeURI方法使用介绍
May 06 Javascript
jQuery自动切换/点击切换选项卡效果的小例子
Aug 12 Javascript
JavaScript返回当前会话cookie全部键值对照的方法
Apr 03 Javascript
jquery实现的用户注册表单提示操作效果代码分享
Aug 28 Javascript
Angular 应用技巧总结
Sep 14 Javascript
fullPage.js和CSS3实现全屏滚动效果
May 05 Javascript
深入探究AngularJs之$scope对象(作用域)
Jul 20 Javascript
vue-cli3.0如何使用CDN区分开发、生产、预发布环境
Nov 22 Javascript
Vue CLI3基础学习之pages构建多页应用
Jun 02 Javascript
微信小程序 scroll-view的使用案例代码详解
Jun 11 Javascript
Jquery $.map使用方法实例详解
Sep 01 jQuery
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/06/14 PHP
ThinkPHP模板输出display用法分析
2014/11/26 PHP
Laravel 中使用 Vue.js 实现基于 Ajax 的表单提交错误验证操作
2017/06/30 PHP
jquery text(),val(),html()方法区别总结
2013/11/04 Javascript
理运用命名空间让js不产生冲突避免全局变量的泛滥
2014/06/15 Javascript
两种方法基于jQuery实现IE浏览器兼容placeholder效果
2014/10/14 Javascript
node.js中的buffer.Buffer.isBuffer方法使用说明
2014/12/14 Javascript
node.js中的fs.chownSync方法使用说明
2014/12/16 Javascript
JS实现兼容性好,带缓冲的动感网页右键菜单效果
2015/09/18 Javascript
jQuery EasyUI 菜单与按钮之创建简单的菜单和链接按钮
2015/11/18 Javascript
七个不允许错过的jQuery小技巧
2015/12/21 Javascript
jquery模拟实现鼠标指针停止运动事件
2016/01/12 Javascript
jQuery 获取多选框的值及多选框中文的函数
2016/05/16 Javascript
基于bootstrap实现广告轮播带图片和文字效果
2016/07/22 Javascript
使用原生js写ajax实例(推荐)
2017/05/31 Javascript
微信小程序实现导航栏选项卡效果
2020/06/19 Javascript
Python自动化构建工具scons使用入门笔记
2015/03/10 Python
Python中用于检查英文字母大写的isupper()方法
2015/05/19 Python
Python匹配中文的正则表达式
2016/05/11 Python
Python3结合Dlib实现人脸识别和剪切
2018/01/24 Python
详解python中的装饰器
2018/07/10 Python
基于python实现高速视频传输程序
2019/05/05 Python
pandas取出重复数据的方法
2019/07/04 Python
Python中的引用和拷贝实例解析
2019/11/14 Python
pycharm 更改创建文件默认路径的操作
2020/02/15 Python
浅谈matplotlib.pyplot与axes的关系
2020/03/06 Python
浅谈Python线程的同步互斥与死锁
2020/03/22 Python
番木瓜健康和保健产品第一大制造商:Herbal Papaya
2017/04/25 全球购物
社区活动总结报告
2014/05/05 职场文书
文明好少年事迹材料
2014/08/19 职场文书
民警个人对照检查剖析材料
2014/09/17 职场文书
国庆节演讲稿范文2014
2014/09/19 职场文书
医院感染管理制度
2015/08/05 职场文书
《曹冲称象》教学反思
2016/02/20 职场文书
六种css3实现的边框过渡效果
2021/04/22 HTML / CSS
教你使用Jenkins集成Harbor自动发布镜像
2022/04/03 Servers