javascript - 如何正确使用图像的addEventListener？

Question

我喜欢测量用户点击加载的图像的宽度。我需要宽度来调整图像旁边的位置按钮。这可以用 Javascript 实现吗？

这是我的代码:

document.getElementById('preIMG').addEventListener("load", posButton2IMG); 


function posButton2IMG(){
   var imgWidth = document.getElementById('preIMG').clientWidth;
   var imgWidPos = document.getElementById('picture_preview').clientWidth - imgWidth + 15;
   document.getElementById('gear_butto').style.right = (imgWidPos*0.5) + "px";
}  

编辑:事实上，用户可以探索多个图像，addEventListener 似乎只在第一次加载时起作用。

Answer 1

不要在点击事件中调用函数，只需传递函数 JavaScript 将在触发点击事件时调用您的函数

document.getElementById('preIMG').addEventListener("load", posButton2IMG);