javascript - 通过JS创建图片后如何判断图片是否被点击？

Question

点击按钮后，我在 js 中创建了一个图像。在渲染图像后单击图像时，如何对图像执行操作？这是我尝试过的代码:

function sayhi(){

    for (var m = 0; m <animals.length;m++){
        var image = document.createElement('img');
        image.src = "animalgameback.jpg";
        image.id = animals[m];
        document.getElementById('body').appendChild(image); 
        image.onclick = flip(this);

    }
}

但是，当我设置 onclick 图像属性时，它仅在渲染图像之前执行任务。有什么建议吗？

Answer 1

你必须改变线路:

image.onclick = flip(this);

对此:

image.addEventListener("click",function flip(this){ }, this);