如何确定哪个脚本阻止了链接点击的处理?

时间:2019-01-15 19:41:32

标签: javascript jquery

我使用过多的JS库和JQuery插件接管了PHP Web应用程序的开发职责。

使用默认模板的任何页面上的Click事件显然被某些脚本捕获,然后,该脚本

  • 始终阻止选择页面上的任何文本(要求相反的行为)
  • 防止通过关联的js / jQuery click函数(例如:$('a.someclass')。click(function(e){...))触发边栏链接(带有href =“#”)。

我已经在整个项目中搜索了可能包含“ preventDefault()”但找不到任何文件的文件?

我应该怎么做才能找出导致问题的脚本之一?

是唯一一种禁用所有脚本然后逐个激活的唯一方法,因为我一直在测试它的功能(在我的情况下,这需要花费数周的时间,因此希望被建议使用更短的方法)?

1 个答案:

答案 0 :(得分:1)

我认为Chrome开发人员工具可以帮助您确定哪个click监听器才是您需要的,因此请打开Goog​​le Chrome浏览器中的页面,然后右键单击(对于Windows)或双击触摸板(Mac Os),然后:

  1. 在上下文菜单中选择Inspect选项
  2. 它将打开带有开发人员工具的窗口,然后选择Sources标签
  3. 然后在右侧面板中,您会看到一些手风琴面板转到Event Listeners Breakpoints
  4. 打开Mouse面板并标记clickmousedown事件
  5. 刷新页面并开始单击项目以找出所需的事件,您会注意到该站点中将出现一个浅银色的覆盖层,因此您可以转到下一个侦听器,直到找到所需的内容。

您可以在Google Chrome Developer Tools

中找到更多信息。