Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/fsharp/3.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何捕获jquery创建的事件处理程序_Javascript_Jquery_Google Chrome Devtools - Fatal编程技术网

Javascript 如何捕获jquery创建的事件处理程序

Javascript 如何捕获jquery创建的事件处理程序,javascript,jquery,google-chrome-devtools,Javascript,Jquery,Google Chrome Devtools,我正在从事一个项目,jQuery中的许多遗留代码在许多不同的地方创建onChange、onClick处理程序。 在运行应用程序时,我看到了各种奇怪的功能,但我需要一段时间来反转引擎并找到动作的位置 有没有一种简单的方法可以设置一些断点并捕获全部或某些特定的jquery.on'。。。功能 Upd:主要问题是,处理程序一直在添加和删除。有时选择器并不是那么简单,例如特定类下tr的第三个子类。 我确实知道如何使用开发工具,我正在寻找一种聪明的方法来缩短逆向工程的方式,并找到调用堆栈中创建/添加处理程序

我正在从事一个项目,jQuery中的许多遗留代码在许多不同的地方创建onChange、onClick处理程序。 在运行应用程序时,我看到了各种奇怪的功能,但我需要一段时间来反转引擎并找到动作的位置

有没有一种简单的方法可以设置一些断点并捕获全部或某些特定的jquery.on'。。。功能

Upd:主要问题是,处理程序一直在添加和删除。有时选择器并不是那么简单,例如特定类下tr的第三个子类。 我确实知道如何使用开发工具,我正在寻找一种聪明的方法来缩短逆向工程的方式,并找到调用堆栈中创建/添加处理程序的正确位置。

您可以使用截获事件处理程序注册的函数覆盖on函数,使用包含调试器语句以及对事件处理程序的调用的函数。像这样:

const oldOn=jQuery.fn.on; jQuery.fn.extend{ 关于…args{ 常数f=args.pop; oldOn.callthis,…args,函数…args{ 调试器; f、 称之为,…args; }; } }; jQuery框。单击,函数{ console.log“单击”; }; 盒子{ 位置:相对位置; 高度:100px; 宽度:100px; 背景:天蓝色; }
您可以在dev工具中选择元素,并在那里查看所有EventListener。