通过开发者工具监控事件触发
2015-10-22 19:37
204 查看
我们经常会通过这样的代码去判断某个元素的某些事件有没有被触发:
事实上,Chrome开发者工具以及Firebug都提供了内置事件监控方法——monitorEvents。下面我们介绍一下具体用法。
审查一个元素,此时,你可以在控制台中通过变量$0获取这个元素:
![](http://img.blog.csdn.net/20151022193421385?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center)
在控制台中输入:
当然,这样也是可以的:
使用鼠标点击页面,控制台中就会输出事件对象:
![](http://img.blog.csdn.net/20151022193550197?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center)
万一你不想再监控事件触发了,你可以调用unmonitorEvents方法:
这样一来,我们就不需要在源代码文件中写额外的代码去监控事件了。
转自:http://heeroluo.net/article/detail/112/monitor-events-through-developer-tools
$('body').on("click", function(e) { console.log(e); });
事实上,Chrome开发者工具以及Firebug都提供了内置事件监控方法——monitorEvents。下面我们介绍一下具体用法。
审查一个元素,此时,你可以在控制台中通过变量$0获取这个元素:
在控制台中输入:
monitorEvents($0, 'click');
当然,这样也是可以的:
monitorEvents(document.body, 'click');
使用鼠标点击页面,控制台中就会输出事件对象:
万一你不想再监控事件触发了,你可以调用unmonitorEvents方法:
unmonitorEvents(document.body, 'click');
这样一来,我们就不需要在源代码文件中写额外的代码去监控事件了。
转自:http://heeroluo.net/article/detail/112/monitor-events-through-developer-tools
相关文章推荐
- (笔记)Linux下system()函数的深度理解(整理)
- dhcp snooping原理
- openOffice在linux和window转的有些不同
- hadoop学习第一天
- Opencv + vs2012环境配置
- Linux Programing -- ch12-- POSIX 线程
- 兄弟连Linux学习笔记之文件处理命令
- scrapy shell 中文网站输出报错.记录.
- 使用PHP获取网站Favicon的方法
- hadoop 安装配置学习
- Linux:使用rpcgen实现64位程序调用32位库函数
- linux 以及android 系统下常用命令备忘
- linux-0.11完全剖析第二天: bochs+ubuntu 14.04 运行简单的多任务内核
- opencv2读取视频提取ROI区域并把ROI区域保存为图片
- Linux file 命令 【转载】
- VS2015 property manager
- nginx_proxy多虚拟主机解决方案
- opt文件夹的生成,和参数配置
- 最有用的Linux命令行使用技巧集锦
- 如何更新centos的系统时间