使用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))
);
为了做到这一点,你已经开始的方式,你需要返回一个function
来自slide
:
function slide(x) {
return function(){
var img = document.getElementById("img");
imgcount = imgcount + x;
img.src = "img/"+ imgcount +".jpg";
}
}
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句