stopPropagation и startPropagation

Question

Я хочу сделать дополнительный обработчик щелчка (клиент страницу, не могу изменить его JS/HTML), и он должен работать, как это в моем сценарии:

1) event.stopPropagation (пауза клиента нажмите распространения)
2) моя функция (делать свою функцию, когда все сделано делать дальше)
3) event.startPropagation (продолжить стандартное действие клиента)

Прямо сейчас, первая и вторая работа. Третья проблема.
Я знаю event.startPropagation не существует, но я хочу что-то вроде этого. Любые подсказки?

Answer 1

Не прекращайте распространение в первую очередь.

Проверка, если my function выполняет то, что вы хотите, а затем решите, собираетесь ли вы прекратить распространение или нет.

Answer 2

Добавьте и удалите обработчик кликов, если вы хотите включить/отключить событие клика соответственно. Потому что event.stopPropagation() остановит события от распространения до дерева.

Update:

Если вы используете JQuery, используйте .trigger() функцию.

http://api.jquery.com/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/