Jqueryでイベントを強制的に発生(trigger())

提供:wiki - PCスキルの小技・忘却防止メモ
移動: 案内, 検索

trigger()を使えばイベントを強制発生させることが可能。

目次

例:クリックイベントを強制発生

クリックしなくても、クリックしたときと同じ挙動をさせる。

$(xxx).trigger("click");

たとえば、「<button id="xxx">」の場合だと下記のような感じ。

$("#xxx").trigger("click");

オリジナルイベントを強制発生

まずは、オリジナルイベントを設定。下記では、「<div id="xxx">」でイベント名「xxxEvent」で設定。

$("#xxx").bind("xxxEvent", function() {
	alert("○○○○");
});

「<div id="xxx">」のイベント名「xxxEvent」を強制発行させる。

$("#xxx").trigger("xxxEvent");

オリジナルイベントを強制発生(引数あり)

まずは、オリジナルイベントを設定。下記では、「<div id="xxx">」でイベント名「xxxEvent」で設定。

$("#xxx").bind("xxxEvent", function(e, arg) {
	alert(arg);
});

「<div id="xxx">」のイベント名「xxxEvent」を強制発行させる。

$("#xxx").trigger("xxxEvent", "□□□");

関連項目

サンプル

jqueryでイベント強制発生