How to make a function triggered with a series of events?

Question

This is a general question from a newbie -

In javascript / (preferably) jQuery, how do I make a function that is triggered if (and only if) multiple events are satisfied?

More specifically, how to I trigger an event only after a (1.) button is clicked and (2.) an HTML tag is changed? (Documentation here: http://api.jquery.com/change/)

Sounds like a job for _Logical AND `&&`_ https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Logical_Operators — Paul S., Aug 02 '13 at 23:22
the change event is for inputs, what kind of change are you trying to listen to? — omma2289, Aug 02 '13 at 23:22

score 2 · Accepted Answer · answered Aug 02 '13 at 23:55

2

If you want to use promises:

$.when(
    $.Deferred(
        function(d) {
            $("#mybutton").click( 
                function() {d.resolve();}
            );
        }),
    $.Deferred(
        function(d) {
            $("#myhtml").change( 
                function() {d.resolve();}
            );
        })
).done( function() { alert("Both click and change happened"); } );

Although this will work only the first time.

answered Aug 02 '13 at 23:55

f.cipriani

3,357
2
26
22

It'd also be relatively simple to put that whole thing in a function and start it over in the `done` callback or something. – Paul Aug 03 '13 at 00:06
Let me see if this works... – Aug 03 '13 at 00:10

score 0 · Answer 2 · answered Aug 02 '13 at 23:34

some thing like this

function (a, b, fn) {  
    $(a).click(function(){
        $(this).attr('data-state','clicked');
    })       

    $(b).click(function(){
        if ($(a).attr('data-state') == 'clicked') {
            fn(this);
            $(a).attr('data-state','reset');
        }
    })
}

How to make a function triggered with a series of events?

2 Answers2