Javascript - 在函数中添加 onclick

Question

这个问题已经有答案了:

Add event handler to HTML element using javascript (3 个回答)

已关闭 7 年前。

我的代码遇到了一点困难。以下功能是一个私有(private)使用的小游戏的一部分。我的问题是，如果点击生成的图像如何添加声音？

代码:

function img1() {
    var img = document.createElement('img');
    img.src = "img1.png";
    document.body.appendChild(img);
    img.className = "img1";
}

我希望点击时触发此声音功能:

function sound1() {
    var audio = new Audio('s1.wav');
    audio.play();
}

Answer 1

您需要将点击事件分配给图像

function img1() {
    var img = document.createElement('img');
    img.src = "img1.png";
    document.body.appendChild(img);
    img.className = "img1";
    img.addEventListener( "click", sound1, false ); //this line has been added
}