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

Question

我想覆盖 left/right 键的默认例程但无法通过 Swiper.js API (http://idangero.us/swiper/api/#keyboard)

找到如何执行此操作

看起来它只是提供了 disable/enable 默认操作的方法：

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 的默认键盘快捷键行为？

How to change default keyboard shortcuts behaviour for Swiper.js?

javascript

swiper