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

如何记录jQuery中某个元素触发的所有事件?

葛高澹
2023-03-14
问题内容

我希望看到用户输入字段 交互时触发的所有事件。包括以下内容:

  1. 点击它。
  2. 单击它。
  3. 跳入它。
  4. 远离它。
  5. Ctrl键盘上的+ CCtrl+ V
  6. 右键单击->粘贴。
  7. 右键单击->剪切。
  8. 右键单击->复制。
  9. 从另一个应用程序中拖放文本。
  10. 用Javascript修改它。
  11. 使用调试工具(如Firebug)对其进行修改。

我想使用显示它console.log。这在Javascript / jQuery中是否可行,如果可以,我该怎么做?


问题答案:
$(element).on("click mousedown mouseup focus blur keydown change",function(e){
     console.log(e);
});

如果事件被触发,那将为您提供很多(但不是全部)信息……除了像这样手动编码之外,我想不出任何其他方式来做到这一点。



 类似资料:
  • 问题内容: 我在库的页面上有一个可自定义的表单元素。我想查看与之交互时触发了哪些javascript事件,因为我试图找出要使用的事件处理程序。 如何使用Chrome Web Developer做到这一点? 问题答案: 点击打开开发工具 点击来源标签 在右侧,向下滚动到“事件侦听器断点”,然后展开树 单击您想听的事件。 与目标元素进行交互,如果它们触发,您将在调试器中得到一个断点 同样,您可以右键单

  • 假设我有这样的html: 我只想获得之前的 。有没有办法用JSOUP做到这一点呢?我知道我可以把所有的宠物都弄成这样: 但这也包括额外的宠物。我想知道我是只能选择上面的宠物还是只是删除下面的宠物然后使用那个代码?

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

  • 本文向大家介绍iframe里面的元素触发父窗口元素事件的jquery代码,包括了iframe里面的元素触发父窗口元素事件的jquery代码的使用技巧和注意事项,需要的朋友参考一下 例如父窗口定义了一个事件。 top: $(dom1).bind('topEvent', function(){}); 那么iframe里面的元素怎样触发父窗口dom1的事件呢?这样吗? $(dom1, parent.do

  • 如何定位图标的元素(在这种情况下显示地图内的范围),其id是未知的,也没有文本值。搜索面板上的那些图标有它们的静态类名。我试图实现CssSseltor和XPath。由于某种原因,CssSelector无法找到该元素,但XPath部分显示了一些结果。我想我将继续使用XPath。 该面板上的所有图标的类名前缀必须相同。说, > ux-row-action-项目hasGeoExt(类名称-在地图内显示范

  • 我试图从DynamoDB表中设置ElasticSearch导入过程。我已经创建了AWS Lambda并启用了带有触发器的DynamoDB流,该触发器为每个添加/更新的记录调用我的Lambda。现在我想执行初始种子操作(将DynamoDB表中当前的所有记录导入ElasticSearch)。我该怎么做?有没有办法让表中的所有记录都“重新处理”并添加到流中(这样我的lambda就可以处理它们)?还是最好