通过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);

Answer 2

image.addEventListener("click", function(event) {

  flip(this) 

}, false)

this如果您想访问函数的作用域，请记住不要使用箭头函数。

Answer 3

事件处理程序必须是一个函数，因此 :::

改变这个

image.onclick = flip(this);

对此

image.onclick = function(){flip(image);}

Answer 4

您没有将此处的函数 Flip 绑定到“click”事件，而是将结果或调用标识为 Flip 的函数的返回值绑定到该事件。添加到调用中的 this 值可能是 window.

image.onclick = flip;

以及如下所示的函数：

function flip (event) {

  var

    eImage = event.target;

  ...

  ...

}

可能是一个快速的解决方案。