総合 ゲーム 画像動画

JavaScript イベントリスナに登録した関数に引数を渡す方法

【ゼロからはじめるプログラミング】JavaScript学習 #26の補足。
イベントリスナに関数を指定するときに引数も渡す方法を解説。

 

let src = ...;
let file = ...;
element.addEventListener('click', function getSize(f, s, event) {
    console.log(f, s);
}.bind(null, filesize, src), false);

function getSize(file, src) {
    console.log(file);
    console.log(src);
}

elementのクリックイベントにgetSizeという関数を指定しています。引数はbindで指定しています。最後の引数のeventには発動したイベントの情報が入っています(省略しても良い)

他にもいろいろ方法はあるのですが、とりあえずはこの書き方で覚えましょう。

コメントを残す。

メールアドレスが公開されることはありません。

内容をご確認の上、送信してください。URLを含むコメントは承認待ちになります。