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

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键码。至于捕获页面重新加载并保留对象的值，您将需要将其存储在cookie上或onbeforeunload上的本地存储器中。

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); 
    } 
}