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:
$(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:
$(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:
<button id="first">button1</button>
<button id="second">button2</button>
<div><span>0</span></div>
<div><span>0</span></div>
button {
margin: 10px;
}
div {
margin-left: 10px;
font-weight: bold;
}
span {
color: green;
}
$('#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
-
a
onmetódus,
amely lehetővé teszi eseménykezelő hozzárendelését egy elemhez -
a
triggerHandlermetódus,
amely lehetővé teszi az elemhez kötött eseménykezelők mindegyikének elindítását -
az
eventobjektum,
amely információt tartalmaz az eseményről -
a
submitmetódus,
amely lehetővé teszi kezelő hozzárendelését a JavaScript submit eseményhez, vagy elindítja ezt az eseményt