javascript - 一連のイベントでトリガーされる関数を作成する方法は?

Question

これは初心者からの一般的な質問です -

javascript / (できれば) jQuery で、複数のイベントが満たされた場合 (およびその場合のみ) にトリガーされる関数を作成するにはどうすればよいですか?

より具体的には、(1.)ボタンがクリックされ、(2.) HTML タグが変更された後にのみイベントをトリガーするにはどうすればよいですか? (ドキュメントはこちら: http://api.jquery.com/change/ )

Answer 1

promise を使用する場合:

$.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"); } );

これは初めてしか機能しませんが。

Answer 2

このようなもの

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');
        }
    })
}