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

如何使用面向对象的javascript处理事件,javascript,jquery,Javascript,Jquery,例如,我有一个事件对象,它收集关于用户交互的信息。这里的事件可能是按钮单击、页面重新加载或单击选项卡式菜单等。这意味着页面上的任何操作都可能被此事件对象捕获。有谁能建议我如何使用面向对象的javascript实现这一点。例如,请参见下面的代码段: digitalEvent.event[n].eventInfo = { eventName: "Login", eventAction: "login", type: "click", loginLocation:"so

例如,我有一个事件对象,它收集关于用户交互的信息。这里的事件可能是按钮单击、页面重新加载或单击选项卡式菜单等。这意味着页面上的任何操作都可能被此事件对象捕获。有谁能建议我如何使用面向对象的javascript实现这一点。例如,请参见下面的代码段:

digitalEvent.event[n].eventInfo = {
    eventName: "Login",
    eventAction: "login",
    type: "click",
    loginLocation:"somelocation",
    timestamp: new Date()
}
这将是一个对象,但在页面上如何处理或捕获事件,如用户单击等


谢谢…

有一个全局jQuery事件,也许您可以进入它的原型并进行自定义操作。首先,下面的代码将处理为window对象触发的所有事件。您可能需要处理特定的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); 
    }
}