JavaScript
jQuery

jQuery の trigger の第2引数が便利だ

More than 1 year has passed since last update.


jQuery の trigger の第2引数が便利だ

知らなかったのでメモ

jQuery('#id').on('change', changeAction);

function changeAction(event, argument1, argument2, argument3) {
console.log('argument1: ' + argument1);
console.log('argument2: ' + argument2);
console.log('argument3: ' + argument3);
}
jQuery('#id').trigger('change', ['hoge', 'fuga', 'foo']);

って書くと、

jQuery('#id') の value値変更時は、

argument1: undefined

argument2: undefined
argument3: undefined

trigger 実行時は、

argument1: hoge

argument2: fuga
argument3: foo

ってコンソールに出力されます。

jQuery(document).ready 時のみ、実行させたくない処理がある時とか、

function の外に変数とか用意せずに↓な感じでかけるので便利。

jQuery(function(){

jQuery('#id').on('change', changeAction).trigger('change', [true]);
function changeAction(event, readyFlg) {
// ここに共通処理

if (readyFlg !== true) {
// ここの処理は、jQuery(document).ready時には実行しない
}
}
});