带有 Cbp 图像滑块的键盘箭头键导航

Question

我正在尝试编辑 CBP Slider 以允许键盘的箭头键导航幻灯片。键盘键不适用于滑块

我已尝试以下代码，但无法满足我的要求：-

<script>

    function handleKeyboardNav(e) {
        if (!e) e = window.event;
        var kc = e.keyCode;
        if (kc == 37) nslider.prev();
        if (kc == 39) nslider.next();
    }

    function bindKeyDownListener() {
        if (document.addEventListener)
            document.addEventListener("keydown", handleKeyboardNav, false);
        else if (document.attachEvent)
            el.attachEvent("onkeydown", handleKeyboardNav);
    }
         bindKeyDownListener();

</script>

任何建议将不胜感激。

Answer 1

看看mousetrap，这是一个用于处理键盘快捷键的简单库。请记住，您需要在 bind 方法中调用您选择的函数后使用return false;，以防止执行键盘键的默认操作。