使用箭头键向左/向右移动下一个/上一个项目答案

【问题标题】：move on next / prev project left / right with arrow keys使用箭头键向左/向右移动下一个/上一个项目
【发布时间】：2018-10-23 19:59:03
【问题描述】：

我有这个网站https://www.sepulturaimpex.ro/portofoliu-constructii-metalice/ 我想通过按键盘上的箭头键从一个图像移动到另一个图像。你们能帮帮我吗？谢谢我正在尝试使用这个

$(window).bind('keydown', function(e){
    if (e.keyCode == 37) {
        console.log('left');
    } else if (e.keyCode == 38) {
        console.log('up');
    } else if (e.keyCode == 39) {
        console.log('right');
    } else if (e.keyCode == 40) {
        console.log('down');
    }
});

HTML

<div class="customNavigation fhsln"> <a class="button__badge1 prev prev-slide transition"><i class="fa fa-angle-left"></i></a> <a class="button__badge1 next next-slide transition"><i class="fa fa-angle-right"></i></a></div>

【问题讨论】：

StackOverflow 不是编码服务，请向我们提供您自己尝试创建的内容，然后我们可以帮助您。
粘贴代码或说明您的代码在做什么以及如何做？

标签： jquery keyboard image-gallery lightgallery

【解决方案1】：

你可以试试这样的：

var $lg = $(".lightgallery");
$lg.lightGallery(...)

...

$(document).keydown(function (e) {
  e = e || window.event;
  if (e.keyCode === 37) {
    // Left
    $lg.data('lightGallery').goToPrevSlide();
    return false;
  } else if (e.keyCode === 39) {
    // Right
    $lg.data('lightGallery').goToNextSlide();
    return false;
  }
});

lightGallery初始化后，为onKeyDown事件分配动作，并根据按下的按钮调用goToPrevSlide或goToNextSlide函数。

return false 用于避免页面水平滚动。

【讨论】：