Вызов функции зарегистрированного обратного вызова события в зависимости от условий

Question

Скажем, у меня есть простая кнопка, как

<button id='test'>ClickME</button> 

, на котором через некоторое скриптом (если какой-то другой парень), событие нажмите зарегистрирован, как этот

$('#test').on('click', function(){ 
     alert('click 1'); //Some lines of code 
}); 

Позже на загрузке страницы я запустил мой скрипт поверх него, в котором я хотел выполнить некоторые действия одним и тем же нажатием кнопки. В сценарии, я написал что-то вроде

$('#test').on('click', function(){ 
     alert('click 2'); //Some lines of code 
}); 

В этом случае, когда я нажимаю на кнопку, я получаю два предупреждения, которые понятно.

То, что я хотел достичь, Первый «щелчок 2» должен быть предупрежден и в том же коде, в зависимости от какого-либо условия, я могу или не могу вызвать ранее зарегистрированную функцию, то есть «нажать 1». Я не знаю, можем ли мы достичь таких вещей, и если да, то как я могу предотвратить выполнение уже зарегистрированного события.

Любая помощь приветствуется.

Answer 1

Вы можете отвязать все предыдущие обработчик событий из элемента. До этого вы можете хранить то, что было. Это позволяет писать код, как:

// not your code 
$('#test').on('click', function(){ 
     alert('click 1'); //Some lines of code 
}); 

// your code 
var prevHandler = $._data($("#test")[0], "events").click[0].handler; 

$('#test').off('click'); 

$('#test').on('click', function(){ 
     alert('click 2'); //Some lines of code 
     if (Math.random() > 0.5) 
      prevHandler(); 
}); 

jsfiddle: https://jsfiddle.net/ugefofLs/

Answer 2

Оба обработчика запускаются, модель события jQuery позволяет использовать несколько обработчиков на одном элементе, поэтому более поздний обработчик не переопределяет старшего обработчика.

The handlers will execute in the order in which they were bound.

Я предлагаю вам объединить два кода блока что-то вроде этого:

$('#test').on('click', function(){ 
     alert('click 2'); //Some lines of code 
    if (some condition){ 
    alert('click 1'); //Some lines of code 
    } 

}); 

Answer 3

Если вы не знаете, есть ли не были зарегистрированы другие события, и все еще хотите, чтобы убедиться, что только ваши огни событий, вы можете использовать jQuerys event.stopImmediatePropagation(), чтобы разрешить запуск вашего мероприятия.

event.stopImmediatePropagation()

Сохраняет остальную часть обработчиков от быть выполнена и предотвращает событие из барботажных вверх по DOM tree.Keeps остальных обработчиков от

См код и фрагмент кода ниже

//Change this to false to let both registrered events run 
 
var preventOtherClickEvents = true; 
 

 
var onClick = function(event) { 
 
    if (preventOtherClickEvents) { 
 
    event.stopImmediatePropagation(); 
 
    } 
 

 
    alert('First event handler'); 
 
}; 
 

 
var onClickSecond = function() { 
 
    alert('Second event handler'); 
 
}; 
 

 
$('#button').on('click', onClick); 
 

 
$('#button').on('click', onClickSecond);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<input type="button" id="button" value="Click Me" />