用visual event查看鼠标事件触发了什么jquery代码
2015-01-19 15:47
381 查看
chrome的开发者工具固然好用，但也有不尽人意的时候，比如用event listener查看元素绑定的jquery代码时，只能看到比较复杂的原生jquery，并不能看到自己写的代码，用visual event可以帮助你查看鼠标事件触发了什么jquery代码。
去google的webstore下载visual event，安装后会看到浏览器右上角有个类似眼睛的小图标：
点击这个小图标，会发现绑定事件的页面元素都被圈在蓝色的框框里，鼠标放到蓝色框上，就能看到代码；再点击一下眼睛的图标，页面恢复原状。虽然不是特别精确，不过已经很好了
去google的webstore下载visual event，安装后会看到浏览器右上角有个类似眼睛的小图标：
点击这个小图标，会发现绑定事件的页面元素都被圈在蓝色的框框里，鼠标放到蓝色框上，就能看到代码；再点击一下眼睛的图标，页面恢复原状。虽然不是特别精确，不过已经很好了
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- 鼠标hover和移出触发jQuery事件代码
- jQuery1.6.1下event鼠标事件有BUG，升级到1.7.1可以解决问题。
- JQuery的自定义事件代码,触发,绑定简单实例
- WPF中C#代码触发鼠标点击事件
- jquery实现input输入框实时输入触发事件代码
- Chrome网页元素事件查看插件-Visual Event
- jquery.trigger触发事件和鼠标引发事件的不同
- JQuery手动触发事件API之：通过代码看清trigger与triggerHandler的差别
- 使用JS或jQuery模拟鼠标点击a标签事件代码
- android中MotionEvent.ACTION_CANCEL事件是什么意思，如何触发
- 事件触发jQuery event（下）
- jquery实现input输入框实时输入触发事件代码 ---jQuery 中bind(),live(),delegate(),on() 区别
- 按Enter键触发事件的jquery方法实现代码
- 在文本框输入数据后，因为有历史记录，鼠标点或者敲回车这个历史记录时，请问会触发什么JS事件
- jquery 查找select ,并触发事件的实现代码
- jquery触发a标签跳转事件示例代码
- iframe里面的元素触发父窗口元素事件的jquery代码
- iframe里面的元素触发父窗口元素事件的jquery代码
- HTML Select 标签选择后触发jQuery事件代码实例
- jquery的on()方法和用event.target判断是那个子元素触发事件