のstopPropagationとstartPropagation

Question

は、私は（彼のJS/HTMLを修正するカント、クライアントページ）追加のクリックハンドラを作りたい、それが私のスクリプトでは、次のように動作するはずです：

1）event.stopPropagation（一時停止クライアントのクリック伝播）
2）私の機能（すべてが終わったら、私の機能を行う）
3）event.startPropagation（標準クライアントアクションを続ける）

今、最初と2番目の仕事。 3番目は問題です。
私はevent.startPropagationが存在しないことを知っていますが、そのようなものが欲しいです。 ヒント？

Answer 1

最初に伝播を停止しないでください。

my functionの場合はテストし、伝播を停止するかどうかを決定します。

Answer 2

clickイベントをそれぞれ有効または無効にする場合は、クリックハンドラを追加および削除します。 event.stopPropagation()はイベントがdomツリーを伝播するのを止めるためです。

更新：

あなたはjQueryのを使用している場合は、.trigger()関数を使用します。

​​

Answer 3

あなたは再トリガすることができ、同じイベントオブジェクトを親ノード、f.ex（jQueryの）に。あなたは、最初のイベントオブジェクトをコピーして、バブル（f.ex e.pageX）で同じイベントのプロパティをキャプチャするためにトリガにそれを渡す必要があります：

var copy = $.extend(true, {}, e); 
setTimeout(function() { 
    $(copy.target.parentNode).trigger(copy); 
},500); 
e.stopPropagation(); 

デモ：http://jsfiddle.net/GKkth/

EDIT

あなたのコメントに基づいて、私はあなたのような何かを探していると思う：

$.fn.bindFirst = function(type, handler) { 
    return this.each(function() { 
     var elm = this; 
     var evs = $._data(this).events; 
     if (type in evs) { 
      var handlers = evs[type].map(function(ev) { 
       return ev.handler; 
      }); 
      $(elm).unbind(type).on(type, function(e) { 
       handler.call(elm, e, function() { 
        handlers.forEach(function(fn) { 
         fn.call(elm); 
        }); 
       }); 
      }); 
     } 
    }); 
}; 

このプロトタイプを使用すると、以前のすべてのハンドラを実行するnext関数を保持する「プレミアムハンドラ」を、同じ要素にバインドできます。 はのようにそれを使用します。

$('button').click(function() { 
    console.log('first'); 
}).click(function() { 
    console.log('second'); 
}).bindFirst('click', function(e, next) { 
    console.log('do something first'); 
    setTimeout(next, 1000); // holds the other handlers for 1sec 
}); 

はDEMO：私は固定する]をクリックするとhttp://jsfiddle.net/BGuU3/1/