jQueryで画像のonloadをイベントリスナーに登録する

画像のonload

画像を読み込んだら何かを行うという時には、たいてい、Image.onloadを使う。

var img = new Image();
img.onload = function() {
    // ...
};

ただ、これだと一つの関数しか登録できないし、何かと不便。色々不便。

イベントリスナー

イベントリスナーを使うことでイベントハンドラの問題点を解消できる。※以下のコードはIEでは動かない。

var img = new Image();
img.addEventListener('load', function() { /* ... */}, false);

jQuery.bind

jQueryではbindを使う。以下のような感じらしい。

var img = new Image();
$(img).bind('load', function() { /* ... */ });

2013/11/30 16:16