javascript - モバイルサファリ - 画像が読み込まれたときの信頼できるコールバック?

Question

私はそのように画像をロードしようとします:

var img = new Image();
img.src = 'mars.png';
img.onLoad = callback;


function callback(){
    // doesnt fire
       alert("loaded");
}

コールバックが起動しません。回避策は何ですか?

Answer 1

src を変更する前に onload を定義する必要があり、イベント ハンドラは小文字であるため、onload と綴られています。

var img = new Image();
img.onload = callback;
img.src = 'mars.png';

function callback(){
  alert("loaded");
}

または私が好むように

var img = new Image();
img.onload = function(){
  alert("loaded");
}
img.src = 'mars.png';

Answer 2

これらを試しましたか？

var img = new Image();
img.src = 'mars.png';
img.onLoad = function(){
    // doesnt fire
       alert("loaded");
};

Answer 3

mplungjan は正しいです。代わりにこれらを使用できます。

img.onload = function(){
    // doesnt fire
       alert("loaded");
};

onLoadで下位のlを使用