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

How to store mouse & keyboard event and value

本文关键字：amp 键盘 事件 鼠标 何存储 存储      更新时间：2023-09-26

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

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

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

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

文档对象模型中的每个事件都封装在一个事件对象中。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)
};

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

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

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

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

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

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

相关文章：