Metoda trigger

Metoda trigger umożliwia uruchomienie wszystkich procedur obsługi zdarzeń powiązanych z elementem dla zdarzeń określonego typu. Wywołuje funkcje obsługi w tej kolejności, w której zostałyby wywołane przez użytkownika. Jeśli chcesz wywołać procedurę obsługi zdarzeń, ale nie wykonywać domyślnego zdarzenia, skorzystaj z metody triggerHandler.

Składnia

Jako pierwszy parametr możemy przekazać typ zdarzenia w postaci ciągu znaków, drugim (opcjonalnie) tablicę lub obiekt zawierający dodatkowe parametry do przekazania procedurze obsługi:

javascript$(selektor).trigger(typ zdarzenia, [dodatkowe parametry]);

Można pierwszym parametrem przekazać zdarzenie w postaci obiektu jQuery.Event:

javascript$(selektor).trigger(zdarzenie, [dodatkowe parametry]);

Istnieje różnica między przekazywaniem dodatkowych parametrów do metody trigger a danych do metody on. W pierwszym przypadku dane muszą być zdefiniowane w czasie wykonywania zdarzenia, a w drugim już w momencie powiązania funkcji obsługi.

Przykład

Po naciśnięciu przycisku #first wartość będzie zwiększana tylko w pierwszym spanie, po naciśnięciu przycisku #second - w obu, przy czym imitując na pierwszym kliknięcie użytkownika. Funkcja increase będzie zwiększać o 1 liczbę, przekazywaną jej jako parametr. Za pomocą metody trigger powodujemy również uruchomienie zdarzenia kliknięcia w pierwszym spanie, chociaż naciskamy przycisk #second:

html<button id="first">button1</button>
<button id="second">button2</button>
<div><span>0</span></div>
<div><span>0</span></div>

cssbutton {
  margin: 10px;
}

div {
  margin-left: 10px;
  font-weight: bold;
}

span {
  color: green;
}

javascript$('#first').click(function() {
  increase($('span').first());
});

$('#second').click(function() {
  $('#first').trigger('click');
  increase($('span').last());
});

function increase(str) {
  let num = parseInt(str.text(), 10);
  num.text(num + 1);
}

Zobacz też