stopPropagation和startPropagation

Question

我想打一個額外的點擊處理程序（客戶端頁面，不能修改自己的JS/HTML），它應該像這樣工作在我的腳本：

1）event.stopPropagation（暫停客戶端點擊傳播）
2）我的函數（做我的功能，當一切都做下一步）
3）event.startPropagation（繼續標準的客戶端動作）

眼下，第一和第二工作。第三個是問題。
我知道event.startPropagation不存在，但我想要的東西。 任何提示？

Answer 1

首先不要停止傳播。

測試my function是否執行您想要的操作，然後決定是否要停止傳播。

Answer 2

如果要分別啓用/禁用單擊事件，請添加和刪除單擊處理程序。由於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/

編輯

基於您的評論，我認爲你正在尋找的東西，如：

$.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/