Question

例如，我有一个事件对象，它收集用户交互的信息。此处事件可能是按钮单击或页面重新加载或单击选项卡式菜单等。表示此事件对象可捕获页面上的任何操作。任何人都可以建议我如何使用面向对象的JavaScript实现这一点。例如，请参阅以下代码段：

digitalEvent.event[n].eventInfo = {
    eventName: "Login",
    eventAction: "login",
    type: "click",
    loginLocation:"somelocation",
    timestamp: new Date()
}

这将是一个对象，但在页面上如何处理或捕获诸如用户点击等事件。

...谢谢

Answer 1

有一个全局jQuery事件（https://api.jquery.com/category/events/event-object/），也许你可以利用它的原型并做自定义的东西

Answer 2

首先，以下代码将处理为窗口对象触发的所有事件。您可能想要处理特定的onkeydown密钥代码。至于捕获页面重新加载和保留对象的值，您需要将其存储在onbeforeunload中的cookie或本地存储中。

for (var property in window) {
    var match = property.match(/^on(.*)/)
    if (match) { 
        window.addEventListener(match[1] ,function(event){
           console.log(event.type + " , " + event.timeStamp);
           //store any information inside the object
        }, false); 
    }
}

如何使用面向对象的javascript处理事件

2 个答案: