javascript - 带有 Cbp 图像 slider 的键盘箭头键导航

Question

我正在尝试编辑 CBP Slider允许键盘的箭头键导航幻灯片。键盘键不适用于 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; 以防止执行键盘按键的默认操作。