我有这个网站https://www.sepulturaimpex.ro/portofoliu-constructii-metalice/我想通过按键盘上的箭头键从一个图像移动到另一个图像。你们能帮帮我吗？Thx 我正在尝试使用这个
$(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>
你可以尝试这样的事情：
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 用于避免水平页面滚动。
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句