我希望看到用户与 输入字段 交互时触发的所有事件。包括以下内容:
点击它。 单击它。 跳入它。 远离它。 Ctrl键盘上的+ C和Ctrl+ V。 右键单击->粘贴。 右键单击->剪切。 右键单击->复制。 从另一个应用程序中拖放文本。 用Javascript修改它。 使用调试工具(如Firebug)对其进行修改。
Ctrl
C
V
我想使用显示它console.log。这在Javascript / jQuery中是否可行,如果可以,我该怎么做?
console.log
$(element).on("click mousedown mouseup focus blur keydown change",function(e){ console.log(e); });
如果事件被触发,那将为您提供很多(但不是全部)信息……除了像这样手动编码之外,我想不出任何其他方式来做到这一点。
我不知道为什么没人使用这个…(也许是因为这只是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