javascript - How detect any of all events using jquery? - Stack Overflow

admin管理员组

文章数量:1401199

I have function to detect idle state of user. I want to update database if any of the event occurs.Now i have script like this

$("body").mousemove(function(event) {
myfuction();
});

I want to convert above script like this

$("body").anyOfTheEvent(function(event) {
myfuction();
});

How can i do this?

I have function to detect idle state of user. I want to update database if any of the event occurs.Now i have script like this

$("body").mousemove(function(event) {
myfuction();
});

I want to convert above script like this

$("body").anyOfTheEvent(function(event) {
myfuction();
});

How can i do this?

• javascript
• jquery

Share Improve this question Follow asked Aug 8, 2012 at 9:41 EbinPauloseEbinPaulose 1,13933 gold badges1414 silver badges2626 bronze badges 3

• 3 Why do you need to detect user's idle state? It may be you're having a design flaw in your application because this may put your web application to crawl. Expecially if you'll wire Ajax requests to your events (mentioning DB). It will surely make it pletely unusable. Believe me. All event's transferred to DB will surely halt it. A simple mouse move happens much more frequently than you can wire these events to the server and store them in the database. – Robert Koritnik Commented Aug 8, 2012 at 9:44
• I have a time limit in "Myfuction".only one Ajax request occur per 2 minute – EbinPaulose Commented Aug 8, 2012 at 9:49
• Still: Why do you need to detect user idle state? – Robert Koritnik Commented Aug 8, 2012 at 9:52

Add a ment  | 

5 Answers 5

Sorted by: Reset to default 2

You can find the event name using the e.type property. Try looking this example

  $('#element').bind('click dblclick mousedown mouseenter mouseleave',
                     function(e){
                         alert("EventName:"+e.type);
                     });
    ​

The jsfiddle for this is here http://jsfiddle/qp2PP/

You could have an array of the events you're interested in and subscribe to all of them

var events = ['click','mousemove','keydown'] // etc
$.each(events,function(i,e){
    $('body')[e](myfuction);    
});

Get a list of events here: http://api.jquery./category/events/

You can bind more than one event with bind()

$('#foo').bind('click mousemove', function(evt) {
    console.log(evt.type);
});

just use on(), with a space-delimited list of events:

$('body').on('mousedown click', function(e) {
    var  eventType = e.type;
    // do stuff
});

References:

• on().

Instead of bind to specific element, you can bind directly to document.

$(document).bind('click mousemove', function(evt)       {
    document.getElementById("demo").innerHTML = Math.random();
});

Example in CODEPEN

本文标签： javascriptHow detect any of all events using jqueryStack Overflow