单击左右键时触发 Next Prev 功能按钮

Question

大家好...急需帮助如果按左右箭头键，如何触发下一个 prev 功能。这是我被分配到的 slider/lightbox。

这是代码

$(document).ready(function() {
  var currentIndex = 0,
    navItems = $(".navindex");

  function setSlide(index) {...}

  $(".navindex").click(function() {
    var index = $(".navindex").index($(this));
    currentIndex = index;
    setSlide(currentIndex);
  });


  function next() {
    if (currentIndex < navItems.length - 1) {
      currentIndex++;
      setSlide(currentIndex);
    }
  }

  $(".next").click(function() {
    next();
  });

  function prev() {
    if (currentIndex > 0) {
      currentIndex--;
      setSlide(currentIndex);
    }
  }

  $(".prev").click(function() {
    prev();
  });


  function slide() {
    if (currentIndex < navItems.length - 1) {
      currentIndex++;
      setSlide(currentIndex);
    } else {
      currentIndex = 0;
      setSlide(currentIndex);
    }
  }

});

Answer 1

您想处理按键事件。大致如下：

$(document).keyup((evt) => {
  if (evt.key === 'ArrowLeft')
    return prev();
  if (evt.key === 'ArrowRight')
    return next();
});

单击左右键时触发 Next Prev 功能按钮

Triger Next Prev function button when clicking the left right key

javascript

webflow