函数在将参数传递给 addEventListener 时不起作用

function is not working when passing arguments to addEventListener

本文关键字：addEventListener 不起作用 参数传递 函数      更新时间：2023-09-26

使用 Js 制作简单的滑块，当将带有参数的函数传递给 addEventListernet 滑块不起作用时，但是当将 onclick="slide（1）" 放入 ID 时，它工作正常。我做错了什么？

var imgcount = 1;
var imgTotal = 5;
var left = document.querySelector(".left");
var right = document.querySelector(".right");
function slide(x) {
    var img = document.getElementById("img");
    imgcount = imgcount + x;
    img.src = "img/"+ imgcount +".jpg";
}
left.addEventListener('click', slide(-1));
right.addEventListener('click', slide(1))
);
为了按照

你开始的方式做到这一点，你需要从slide返回一个function：

function slide(x) {
   return function(){
      var img = document.getElementById("img");
      imgcount = imgcount + x;
      img.src = "img/"+ imgcount +".jpg";
   }
}
相关文章：
  • 没有找到相关文章