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

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