Question

我想覆盖左/右键的默认例程但无法通过Swiper.js API（http://idangero.us/swiper/api/#keyboard）

找到如何做到这一点

看起来它只提供了禁用/启用默认操作的方法：

mySwiper.keyboard.enabled       // Whether the keyboard control is enabled
mySwiper.keyboard.enable()      // Enable keyboard control
mySwiper.keyboard.disable()     // Disable keyboard control

Answer 1

由于您无法真正覆盖默认行为，我猜您最好的选择是在禁用默认操作后编写自己的事件处理程序。

document.addEventListener("keydown", function(e){
    if(e.keyCode == 37) {
        mySwiper.slidePrev(); 
        //Left arrow pressed
    }
    if(e.keyCode == 39) {
        mySwiper.slideNext();
        //Right arrow pressed
    }   
});

额外：Keycodes

如何更改Swiper.js的默认键盘快捷键行为？

1 个答案: