Jquery detect all dom event calls and user interactions

jquery callback jquery-events user-interaction
Alp picture Alp · Sep 21, 2011 · Viewed 6.9k times · Source

I want to track all user actions in order to record the user behavior. For example, a user clicks on a link and I want to call a method that does something with that information before executing the page load. This should also work with mouse hover events, keyboard input or any other user interaction.

Answer

mekwall picture mekwall · Sep 21, 2011

Wow, that's some big brother stuff you're asking for ;)

You could do something like this:

function bigBro(e) {
    console.log(e);
}

$(document).bind("click keydown keyup mousemove", bigBro);

This can be used before load and DOM-ready, and you can get lots of info from the Event Object.

Regarding hover, you'll have to detect that yourself by checking the element the cursor is over by the target property of the Event Object.

On a side note, this code will be very cpu intensive since the callback will be executed everytime you move the mouse, click or type.

Related questions

jQuery pass more parameters into callback

Is there a way to pass more data into a callback function in jQuery? I have two functions and I want the callback to the $.post, for example, to pass in both the resulting data of the AJAX call, as …

Read More
Wait till a Function with animations is finished until running another Function

I'm having an issue with normal (non-ajax) functions that involve lots of animations within each of them. Currently I simply have a setTimeout between functions, but this isn't perfect since no browsers / computers are the same. Additional Note: They both …

Read More
jQuery callback for multiple ajax calls

I want to make three ajax calls in a click event. Each ajax call does a distinct operation and returns back data that is needed for a final callback. The calls themselves are not dependent on one another, they can …

Read More