当前位置: 首页 > 面试题库 >

如何查看Chrome DevTools中某个元素上触发的事件?

孟意致
2023-03-14
问题内容

我在库的页面上有一个可自定义的表单元素。我想查看与之交互时触发了哪些javascript事件,因为我试图找出要使用的事件处理程序。

如何使用Chrome Web Developer做到这一点?


问题答案:
  • 点击F12打开开发工具
  • 点击来源标签
  • 在右侧,向下滚动到“事件侦听器断点”,然后展开树
  • 单击您想听的事件。
  • 与目标元素进行交互,如果它们触发,您将在调试器中得到一个断点

同样,您可以右键单击目标元素->选择“检查元素”。在dev框架的右侧向下滚动,底部是“事件侦听器”。展开树以查看将哪些事件附加到元素。不知道这是否适用于通过冒泡处理的事件(我猜不是)



 类似资料:
  • 我在库中的页面上有一个可自定义的表单元素。我希望看到在与javascript交互时触发了哪些javascript事件,因为我试图找出要使用的事件处理程序。 我如何使用ChromeWebDeveloper做到这一点?

  • 问题内容: 我希望看到用户与 输入字段 交互时触发的所有事件。包括以下内容: 点击它。 单击它。 跳入它。 远离它。 键盘上的+ 和+ 。 右键单击->粘贴。 右键单击->剪切。 右键单击->复制。 从另一个应用程序中拖放文本。 用Javascript修改它。 使用调试工具(如Firebug)对其进行修改。 我想使用显示它。这在Javascript / jQuery中是否可行,如果可以,我该怎么做

  • 问题内容: 我在我的Web应用程序中同时使用了Bootstrap和AngularJS。我很难让两个人一起工作。 我有一个元素,它具有属性 我想在用户在字段中输入时更新属性。该函数已正确触发,但是除非我使用,这是jQuery方式,而不是AngularJS方式,否则我无法访问触发事件的元素。 使AngularJS与旧式JS模块一起工作的最佳方法是什么。 问题答案: 不会将DOM元素传递给函数。这里将参

  • 问题内容: 我正在尝试从触发元素的click事件。 通常的做法是隐藏被称为丑化的野兽,并通过其他方式触发其点击事件。 问题答案: 如果您的输入和按钮是同级(在您的情况下是OP): 使用指令将按钮的单击绑定到文件输入,如下所示:

  • 问题内容: 我的页面上有一张表格,其中应该包含某个元素。我可以通过表名(具有唯一的名称)来标识表,并且还可以轻松地标识元素。我想断言元素存在于表的row ,column 上。使用Selenium命令最干净的方法是什么? 备注: 我不想使用除表名以外的其他内容来查找它(我不希望代码中的所有内容)。 我在PHPUnit中使用Selenium。因此,我可以将PHP逻辑用于该任务,尽管我不希望任何复杂的逻

  • 问题内容: 有什么方法可以获取触发事件的元素的ID? 我在想类似的东西: 当然,如果从第一种形式触发事件,则var 应该包含id ;如果从第二种形式触发事件,则var 应该包含id 。 问题答案: 在jQuery中,始终指触发事件的元素,其中传递给函数的参数在哪里。 还请注意,这也将起作用,但它不是jQuery对象,因此,如果您希望在其上使用jQuery函数,则必须将其称为,例如: