JavaScript自动运行ONCLICK功能

Question

当我为网页制作画廊时，我遇到了js自动运行(next_image(函数的问题，在搜索了一些搜索后，我发现这是由于((造成的((该声明。但是，我一生无法弄清楚如何将clicked_id获取到next_image函数。

所以我的问题是：如何制作它，以便在仍然发送ClickEd_id时单击按钮后仅运行该功能？

function opencase(clicked_id) {
                document.getElementById("right_arrow").addEventListener("click", next_image(clicked_id));
            }
            function next_image(photoid){
                console.log(photoid);
                photoid++;
                document.getElementById("disp").setAttribute("src", "images/image"+photoid+".jpg");
                console.log(photoid);
            }

任何帮助将不胜感激：D

Answer 1

而不是直接调用该函数，而是从addEventListener回调函数

调用它

function opencase(clicked_id) {
  document.getElementById("right_arrow").addEventListener("click", function() {
    next_image(clicked_id)
  });
}
function next_image(photoid) {
  console.log(photoid);
  photoid++;
  document.getElementById("disp").setAttribute("src", "images/image" + photoid + ".jpg");
  console.log(photoid);
}