javascript - 图像加载多次触发

Question

当通过图像标签中的 onload 属性加载图像时，我有一个函数被触发。该图像正在通过一些 jQuery 附加到 DOM。我遇到的问题是，当 jQuery 将该图像放入时，与 onload 关联的函数会触发 6 次。这不是一个复杂的问题（例如，第一次触发一次，第二次触发两次），就像我看到的一些解决方案一样。这会持续触发 6 次。有人知道它为什么这样做吗？

图像触发功能：

<img src='image_source.png' onload='myFunction();' />

功能：

function myFunction(){
  console.log('hello');
}

Hello 在控制台日志中出现 6 次。感谢您提供的任何见解。

编辑 - 这是添加图像的代码

$("[id=" + type + "]").html("<img src='" + image + "' class='loaded_image' onload='myFunction();' />");