A trigger metódus

A trigger metódus lehetővé teszi az elemhez kötött eseménykezelők mindegyikének elindítását a megadott típusú eseményekhez. Meghívja a kezelőfüggvényeket abban a sorrendben, ahogyan a felhasználó tenné. Ha szeretné meghívni az eseménykezelőt, de nem akarja végrehajtani az alapértelmezett eseményt, akkor használja a triggerHandler metódust.

Szintaxis

Első paraméterként átadhatjuk az esemény típusát sztring formájában, második paraméterként (opcionális) egy tömböt vagy objektumot, amely további paramétereket tartalmaz az eseménykezelő számára:

javascript$(selector).trigger(esemény típusa, [további paraméterek]);

Első paraméterként átadhatunk egy eseményt jQuery.Event objektum formájában is:

javascript$(selector).trigger(esemény, [további paraméterek]);

Különbség van a további paraméterek a trigger metódusnak való átadása, és az adatok a on metódusnak való átadása között. Az első esetben az adatokat az esemény bekövetkeztekor kell definiálni, míg a második esetben már a kezelőfüggvény hozzákötésekor definiálva kell lenniük.

Példa

Amikor a #first gombra kattintunk, az érték csak az első span elemben növekszik, amikor a #second gombra kattintunk - mindkettőben, miközben szimulálja a felhasználói kattintást az elsőn. A increase függvény 1-gyel növeli a számot, amelyet paraméterként kap meg. A trigger metódus segítségével elérjük, hogy a kattintás esemény az első span elemben is aktiválódjon, bár a #second gombra kattintunk:

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);
}

Lásd még