禁用Keyevents for Bootstrap Carousel

Question

我在Bootstrap Carousel中有一个表单。如果光标位于输入字段中，则无法使用左右按钮移动光标，因为它们会触发旋转木马滑动。

我的问题是如何在按任何键时禁用旋转木马的动作。

Answer 1

如果你打开bootstrap.js，你会发现这一小段代码：

Carousel.prototype.keydown=function(e){
    switch(e.which){
        case 37:
            this.prev();
            break;

        case 39:
            this.next();
            break;

        default:
            return
    }

    e.preventDefault()
};

评论或删除它将解决您的问题。但我不想更改库，所以我将不得不等待bootstrap团队修复它。

PS：尝试将data-keyboard="false"添加到您的class="carousel slide"元素中，看看它是否有帮助？需要bootstrap 3.3.0虽然

Answer 2

<div id="myCarousel" class="carousel slide" data-ride="carousel" data-keyboard="false"></div>

此方法解决了问题。

Answer 3

试试这个，它对我有用。

$("#selector").off('keydown.bs.carousel');