如何正确使用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将在触发click事件时调用您的函数

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