如何使用面向對象處理事件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); 
    } 
}