javascript - 你如何记录由 jQuery 中的元素触发的所有事件?

标签 javascript jquery events dom-events

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

  1. Clicking on it.
  2. Clicking off it.
  3. Tabbing into it.
  4. Tabbing away from it.
  5. Ctrl+C and Ctrl+V on the keyboard.
  6. Right click -> Paste.
  7. Right click -> Cut.
  8. Right click -> Copy.
  9. Dragging and dropping text from another application.
  10. Modifying it with Javascript.
  11. Modifying it with a debug tool, like Firebug.

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

最佳答案

我不知道为什么没有人使用这个...(也许是因为它只是一个 webkit 的东西)

打开控制台:

monitorEvents(document.body); // logs all events on the body

monitorEvents(document.body, 'mouse'); // logs mouse events on the body

monitorEvents(document.body.querySelectorAll('input')); // logs all events on inputs

关于javascript - 你如何记录由 jQuery 中的元素触发的所有事件?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7439570/

相关文章:

javascript - jQuery:$.ajaxSetup(beforeSend) 和 $(document).ajaxSend 之间有什么区别吗?

javascript - 在浏览器中打开 index.html 时,jQuery 代码不会运行。控制台没有错误

php - Eloquent 模型事件在使用 create 时被保存和创建?

c# - 安全地引发事件线程

c# - 将数据从 dll 发送回 .exe

Iphone 上的 Javascript 日期解析

javascript - 使用 Babel、Bluebird Promises 和 Mocha 进行测试以错误的顺序运行测试

JavaScript addClass 不适用于 PHP GET ['page']

JavaScript:如何对从 Firebase 获得的数据进行排序并仅显示其中的一部分?

javascript - 如何使用jCarousel放大 slider ?