如何正確使用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

不要在click事件中調用函數，只需傳遞函數JavaScript將在觸發click事件時調用您的函數

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