如何存储鼠标和键盘事件和值

Question

我想记录用户在网页中所做的一切（单击、双击、按键、滚动等）。我也想记录事件发生的时间。

存储所有这些信息的最佳方式是什么。 Json、数组、对象还是字符串？

到目前为止，我将所有内容都存储在这样的字符串中： c|15:33:22-dc|15:32:14 c = 点击 dc = 双击

我需要确保信息易于提取。

Answer 1

文档对象模型中的每个事件都包装在一个事件对象中。 https://developer.mozilla.org/en-US/docs/Web/API/Event/Event

如果我创建一个 onclick 事件，该函数的参数之一就是事件。您可以记录这些事件对象。

jQuery

var myEventList= [],
$('#myID').on('click', function(event) {
   myEventList.push(event);
});

JavaScript

var myEventList=[];
document.getElementById('myID').onclick = function(event) {
   myEventList.push(event)
};

Answer 2

您想将这些数据存储在哪里？

为了工作/收集这些事件，我建议您使用内部带有数组的对象。像这样：

var eventsLog = {"mouse":[],"keyboard":[]};

当事件触发时，您只需将其推送到数组中。很舒服。

var insert = [new Date(), 'event_name'];
(eventsLog.mouse).push(insert);

当您想将数据传输到另一个应用程序时，您只需将数据转换为所需的格式即可。