Disable Keyevents for Bootstrap Carousel

本文关键字：Carousel Bootstrap for Keyevents Disable 更新时间：2023-09-26

我有一个引导旋转木马的形式。如果光标在输入字段中，我不能使用左右键来移动光标，因为它们会触发旋转木马滑动。

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

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

这个方法解决了问题

如果你打开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

试试这个，它对我有用。

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