Javascript событие запускается до начала действия

Question

Я пытаюсь написать сценарий, чтобы при воспроизведении встроенного звукового объекта изображение, которое я также встроил, изменилось.

function changePic() {
document.getElementById("sound").onclick = transform(document.getElementById("pic"));
}

function transform (pic) {
pic.src = "";
alert ("done");
}

Проблема в том, что при загрузке страницы код Javascript автоматически запускается, даже если я не нажимаю кнопку воспроизведения (автозапуск имеет значение false) на звуковом объекте.Кто-нибудь имеет представление о том, что вызывает это?

Спасибо!

Answer 1

Когда вы пишете onclick = transform(...), вы вызываете transform и присваиваете результат onclick.

Необходимо установить обработчик на анонимную функцию, которая вызываетtransform, вот так:

document.getElementById("sound").onclick = function() {
    transform(document.getElementById("pic"));
};

Однако это неправильный способ добавления событий.
Вы должны позвонить element.addEventListener / element.attachEvent.(или просто используйте jQuery)