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

维克多

使用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] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

将参数传递给函数参数不起作用

将函数参数传递给子视图时,动画不起作用

在悬停时将函数作为参数传递不起作用

使用getopts传递给函数时,命令行参数不起作用

线程数组并尝试将多个参数传递给函数不起作用?

将参数传递给Laravel作业不起作用

当我将布尔变量传递给函数时,if 语句不起作用?

将函数传递给指令时,ng-click不起作用

将空数组传递给函数-不起作用

将数组作为引用传递给函数不起作用

将变量传递给函数不起作用

将char传递给函数var列表不起作用

将函数传递给jquery窗口加载不起作用

当var作为参数传递时,javascript函数不起作用

传递两个参数时函数不起作用

将引用作为函数参数传递不起作用

将标志作为位置参数传递给re.sub时,Python正则表达式不起作用

传递参数函数不起作用

简单的Django DetailView不起作用,如何传递将2个参数传递给DetailView

为什么将闭包传递给接受函数指针的函数不起作用?

如何将参数传递给addEventListener的回调函数

为什么将我的委托作为参数传递给方法时不起作用?

将字符串作为URL参数传递给Url.Action不起作用

C#将表值参数传递给SqlCommand不起作用

将参数传递给事件侦听器不起作用?

通过curl POST将参数传递给jenkins工作不起作用?

将管道变量作为参数传递给Powershell生成步骤在Azure DevOps中不起作用

Flutter - Openweathermap api 调用错误 - 将参数传递给 api 调用不起作用

从Github Actions将变量参数传递给.ps1脚本不起作用