如何找到某个HTML元素所绑定的事件
类别:Web前端 浏览量:539
时间:2014-12-25 如何找到某个HTML元素所绑定的事件
如何找到某个HTML元素所绑定的事件一、使用firefox调试
我们可以使用firefox的debug工具,找到指定元素,然后查看事件面板
二、使用chrome调试
在要检查的元素上单击右键选择查看元素,然后,右边的面板中会显示style标签,切换到EventListenrs标签,可以看到相关的事件绑定信息。点击最右边的文件名称还可以跳转到事件定义代码在脚本文件中的位置。
三、使用 Chrome Web Store 中 Visual Event 检查事件绑定信息
上面的两种方法,当我们定位定义事件的代码位置时,如果我们使用了JS库(比如jquery)的话调试工作又会变得复杂,程序往往会把我们引导到jquery库中,这样的话仍然是不方便找到在哪个文件的那个行中addEventListener了事件。Visual Event 工具插件可以查看
安装完 Visual Event 后,工具条上会有 Visual Event 的图标。然后打开我们要调试的页面,在工具栏上点击他那个火眼金睛一样的眼睛图标,网页上所有绑定了事件的 HTML 元素都会由一个半透明的蓝色遮罩层覆盖,鼠标移动到相应的元素上即可看到事件绑定信息。
标签:HTML
您可能感兴趣
- html5发送文字特效(HTML5调用手机发短信和打电话功能)
- html5div例子(html5 外链式实现加减乘除的代码)
- sql server设置标识列(Sql Server 如何去掉内容里面的Html标签)
- html5基本标签详解(详解HTML5布局和HTML5标签)
- 微信html5页面怎么制作(HTML5中外部浏览器唤起微信分享功能的代码)
- html5基本标签详解(HTML5 通过Vedio标签实现视频循环播放的示例代码)
- html5 设置缓存(HTML5实现应用程序缓存Application Cache)
- python3html怎么转换成pdf(Python实现html转换为pdf报告生成pdf报告功能示例)
- html5标签怎么做(html5用video标签流式加载的实现)
- html锚点定位
- html5的canvas代码(H5最强接口之canvas实现动态图形功能)
- html元素和属性的区别(HTML5 HTMLCollection和NodeList的区别详解)
- canvas处理图片风格(html2 canvas生成清晰的图片实现打印功能)
- html 设置canvas的背景图可缩放(浅析canvas元素的html尺寸和css尺寸对元素视觉的影响)
- html5按钮点击跳转(HTML5页面嵌入小程序没有返回按钮及返回页面空白的问题)
- html5播放代码(html5 video全屏播放/自动播放的实现示例)
- 鞠婧祎和杨紫两种风格的女生,你心里谁比较美(鞠婧祎和杨紫两种风格的女生)
- 三千年第一美女鞠婧祎出演白素贞pk杨紫,颜值胜赵雅芝王祖贤(三千年第一美女鞠婧祎出演白素贞pk杨紫)
- 成都轨道交通13号线一期工程最新进展(成都轨道交通13号线一期工程最新进展)
- 越南没事(越南没事情做)
- 重庆旅游攻略(重庆旅游3-4天攻略最佳线路)
- 周杰伦演唱会门票(周杰伦演唱会门票多少钱一张2023)
热门推荐
- python编写一个聊天机器人(不到20行代码用Python做一个智能聊天机器人)
- element加固态(Element Plus实现Affix 固钉)
- pandas画布设置数据标签(pandas dataframe添加表格框线输出的方法)
- html中table怎么用(详解CSS的table-layout属性的用法)
- thinkphp标签详解(thinkphp整合系列之极验滑动验证码geetest功能)
- phpstudy使用教程(phpstudy是什么)
- php调试用什么工具好(调试php程序的简单步骤)
- css3颜色详解(CSS3混合模式mix-blend-mode/background-blend-mode简介)
- sql两列数据快速对比(在sql中对两列数据进行运算作为新的列操作)
- Windows系统 VPS/云服务器远程3389管理连接(Windows系统 VPS/云服务器远程3389管理连接)
排行榜
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9