如何最快速的找到页面某一元素所绑定的点击事件，并查看js代码

最新推荐文章于 2024-06-13 21:26:16 发布
最新推荐文章于 2024-06-13 21:26:16 发布
阅读量6.7w 收藏 128
点赞数 102
文章标签： javascript 事件 按钮 点击 元素
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/jmd88888888/article/details/70919378
版权

比如我要查看银行账号这个标签所绑定的事件。


操作过程中使用的是谷歌浏览器

第一步：在该元素上右键→检查


第二步：点击Event Listeners


这样就能看到该元素绑定的所有事件了


第三步：展开click，我们可以看到该元素所绑定点击事件的方法就在

jquery-ui-1.8.16.custom.min.js的第46行和

distribute.js的第12行


第四步：分别点击进去

光标停留处就是触发点击事件时执行的方法



如果想直接打开该js文件并修改代码，可以使用快捷键Ctrl+Shift+R（打开资源），并输入对应的文件名查询即可。


补充一点

如果Event Listeners窗口中什么都没有，那就是该元素没有绑定任何事件。


那为啥点击它却跳转了呢，因为它就是个单纯的a链接啊



但是如果Event Listeners窗口还是什么都没有，那就是应该请缓存了，Ctrl+H



第一次写博客，如果对你有帮助就请支持下，随意转载，随意转载。


jmd88888888
关注
  • 102
    点赞
  • 踩
  • 128
    收藏
    觉得还不错? 一键收藏
  • 11
    评论
js实现动态创建的元素绑定事件
10-21
在JavaScript编程中，动态创建元素并为它们绑定事件是常见的需求。这主要涉及到DOM操作和事件处理程序的绑定。在JavaScript中，有多种方法可以实现动态元素的事件绑定，但传统的方法对于新创建的元素可能不起作用。...
js创建一个input数组并绑定click事件的方法
12-07
在JavaScript中，创建一个`input`数组并绑定`click`事件是常见的交互设计，用于实现动态的用户界面。以下是对给定代码的详细解释和扩展： 首先，HTML部分定义了三个`input`类型的按钮，它们的`name`属性都是`input...
浏览器查看页面事件
hanpenghu的博客
11-08 3066
      查看节点是a标签href有值 但是不跳页面,显然有做事件处理,右上角event 监听器 就能查看contabs.js有处理 接下来就去看源码                   如何实现多标签和页面加载                 了解一下    ...
【原创】关于如何查找按钮事件（致新手）
zhangmiaoping23的专栏
03-13 2934
【文章标题】: 关于如何查找按钮事件（致新手） 【文章作者】: stalker 【作者邮箱】: zhangke_1989 at hotmail dot com 【作者声明】: 只是感兴趣，没有其他目的。失误之处敬请诸位大侠赐教! --------------------------------------------------------------------------------
JS的监听事件
最新发布
hexadecimal_001的博客
06-13 403
1. addEventListener()：用于在目标元素上添加事件监听器。它接受三个参数：事件类型、要执行的回调函数、和一个可选的布尔值参数，用于指定事件是否在捕获阶段触发（默认为false，即在冒泡阶段触发）。3.其他事件监听方法：除了以上两种方法，还有许多特定的事件监听方法，如。这些方法是DOM对象的属性，可以通过直接赋值函数来进行事件监听。，你可以指定当特定事件发生时要执行的函数。在JavaScript中，你可以使用。来捕获和处理不同类型的事件。：直接将函数赋值给一个元素的。属性，以响应点击事件。
HTML DOM Event 对象 屏蔽开启<a>标签的默认事件
qq_38289965的博客
07-31 623
通知浏览器不要执行与事件关联的默认动作。 document.querySelectorAll('a').forEach(a =&gt; {a.onclick=(e) =&gt; {e.preventDefault()}})   初始化新创建的 Event 对象的属性： document.querySelectorAll('a').forEach(a =&gt; {a.onclick=(e)...
查找元素对应的事件(方法)
wofeiyingme的博客
05-12 935
通过审查元素在dom树上查找目标元素，查看目标元素的class类，有无事件监听； 1、通过事件监听查找(控制台内dom树的右边有事件监听模块)：若有事件监听则查看事件所在的js文件，打开文件后ctrl+f查找对应的事件方法；若无事件则查看其父元素有无事件，直到查到有事件的父元素为止； 2、通过class类查找：在对应的js文件里通过class类名字查找对镜的事件方法；
查找某一方法在哪个js中
weixin_30525825的博客
07-25 282
方法一：你可以看看你要找的这个函数在哪个页面用到了的，然后在这个页面查看导入的js文件，再就可以去相应的js文件中Ctrl+F一下你要找的函数啦； 方法二：直接运行你的java Web程序，也要知道你要找的函数在那个页面用到，然后用浏览器的调试工具，如火狐的Firebug，跟踪这个函数，看看它在哪个js里，因为右边都会显示当前函数所在文件的名称的； 最后告诉最简单方法： 在 myeclips...
页面按钮点击事件--增 删 改 查
andy_dada的博客
07-13 351
页面按钮点击事件--增 删 改 查 //页面按钮点击事件 onClick: function(type, item) { switch (type) { case 0: this.ajaxQuery(); //查询 break; case 1: .
查找 工具栏按钮 绑定的方法
qq_44730233的博客
07-12 73
工具栏绑定的方法
Asp.net 提前获取页面点击事件
Gjack的专栏
07-28 3949
     很久都没有做过Web方面的应用了，对于Asp.net也感觉很陌生，由于工作上的需要最近又必须重新找回自己面对asp.net的信心。     只说了两句废话，加上这一句。      言归：开始今天的主题    提出问题：      我们知道Web页面回调的执行过程 “ 初始化-> 加载 ->事件” 当然这里简化了中间的其他过程，现在如果有这样一个业务逻辑是      1：当页面第一次加载的时候需要执行规定的一段代码 Code_A。      2：当点击页面按钮进行回调的时候，需要在“加载”过程中判断
利用chrome浏览器进行js调试并找出元素绑定的点击事件详解
01-19
我们在分析一些大型电子商务平台的Web前端脚本时，想找到一个元素绑定的点击事件，并不是那么容易，因为有些前端脚本封装的比较隐蔽，甚至有些加密脚本，用传统的查找元素ID、或者页面源码方法去找，可能最后...
js实现同一个页面,多个enter事件绑定的示例
10-17
在JavaScript编程中，有时我们需要在同一个页面上为多个元素设置Enter键事件监听，以便在用户按下Enter键时触发特定的功能。本文将详细讲解如何使用JavaScript实现这个功能，并提供一个具体的示例。 首先，理解事件...
如何快速找出网页中事件对应的js代码片段
weixin_34315189的博客
04-01 5097
后端人员也免不了要处理一些前端的事情，由于代码不是自己写的，所以不好找到相关的代码。 比如在表单提交时，前端提交的数据不正确，这时候你可能会想在谷歌浏览器里添加一个鼠标 点击事件的断点。 然而查看js的调用堆栈你会发现，傻眼了，一大堆jquery或其它js库的代码。 怎么办呢？ 使用浏览器自带的blackbox，即把不需要的放到黑盒里 1、先打开开发者工具，然后选择设置，如下 2、添加排除的...
按钮的四种点击事件
Kineone的博客
08-09 598
刚开始学习android，也是第一次写博客，有问题欢迎评价，谢谢。 以一个电话拨号器做案例来说明按钮的四种点击事件。 第一种：
JS捕获页面按键事件
cnds123的专栏
12-24 3042
JS捕获页面按键事件 有时候我们需要捕获页面上的按键（如回车键）事件，以达到一些特殊效果，例如在登录页面用户输入完登录名和密码后习惯直接敲回车，这时需要捕获回车事件。 浏览器通过keyCode属性可以获取按键代码。 document对象的按钮弹起事件(捕获按下事件也可以)，浏览器会将用户按下的按键信息对象传递到事件回调函数中(以参数的形式)，传入函数中的这个按键信息中包含了一个用来识别按键的编号(每个按键都有一个对应的编号)。 例1、模拟输入后回车验证 <!DOCTYPE ht
pythonselenium获取html标签内容_python selenium 如何获取网页页面所有可以点击的元素？...
weixin_39942637的博客
12-10 1091
@wow2828:1.触发所有元素的click事件，如你所说用递归2.注册事件通知，beforeNavigateTo 记录所有http nav地址到数据库，状态，关系等http://www.seleniumeasy.com/selenium-tutorials/webdriver-event-listener-example3.设法stop当前页面的nav行为。https://stackoverf...
查询某个元素（比如按钮） 事件，调试的时候使用
weixin_30340745的博客
07-26 561
$._data($(".clear").get(0), "events") 转载于:https://www.cnblogs.com/yxlblogs/p/11249822.html
vue v-html 挂载方法并绑定点击事件
09-01
Vue中的v-html指令用于将数据动态渲染为HTML代码，并将其插入到指定的DOM元素中。要挂载v-html并绑定点击事件，可以按照以下步骤进行操作： 首先，确保你已经安装了Vue，并在页面中正确引入了Vue库。 接下来，在Vue实例的data属性中定义一个用于存储HTML代码的数据字段，例如htmlCode。 然后，在Vue实例的template模板中，找到你想要插入HTML代码的DOM元素，使用v-html指令将htmlCode数据绑定到该DOM元素上。代码如下： ```html <template> <div> <button @click="handleClick">点击</button> <div v-html="htmlCode"></div> </div> </template> ``` 在Vue实例的methods属性中，定义一个用于处理点击事件的方法，例如handleClick。在这个方法中，你可以使用Vue的更新数据方法，将新的HTML代码赋值给htmlCode字段。例如，使用字符串拼接方式生成新的HTML代码。代码如下： ```javascript <script> export default { data() { return { htmlCode: '' } }, methods: { handleClick() { // 生成新的HTML代码 const newHtmlCode = '<p>我是新的HTML代码</p>'; // 将新的HTML代码赋值给htmlCode字段 this.htmlCode = newHtmlCode; } } } </script> ``` 最后，你可以通过在Vue实例中使用@click指令将handleClick方法绑定到按钮的点击事件上，这样当按钮被点击时，handleClick方法会被调用，从而更新htmlCode字段，实现动态渲染HTML代码的效果。 希望以上回答对你有所帮助，如有任何疑问，请随时追问。
评论 11
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值