Javascript -add onlick in a function

时间:2016-03-09 10:58:14

标签: javascript function onclick

我的代码中遇到了一些小问题。以下功能涉及私人使用的小型游戏的一部分。我的问题是,如果单击生成的图像,如何添加声音?

代码:

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();
}

1 个答案:

答案 0 :(得分:0)

您需要将click事件分配给图像

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
}