Forms 引导转盘幻灯片中窗体中禁用空格键

Forms 引导转盘幻灯片中窗体中禁用空格键,forms,twitter-bootstrap,carousel,Forms,Twitter Bootstrap,Carousel,我有一个表格在引导转盘幻灯片里面。我无法在字段的文本框中输入空格,也看不出原因。这是我的密码: <section class="carousel slide" data-ride="carousel" data-interval="false" data-wrap="false"> <div class="carousel-inner" role="listbox"> <div class="item active"> <fo

我有一个表格在引导转盘幻灯片里面。我无法在字段的文本框中输入空格,也看不出原因。这是我的密码:

<section class="carousel slide" data-ride="carousel" data-interval="false" data-wrap="false">
  <div class="carousel-inner" role="listbox">
    <div class="item active">
        <form class="form-inline" name="myForm">
            <div class="form-group">
                <input name="title" type="text" class="form-control" /> 
            </div>
            <button type="submit" class="btn btn-success btn-link">Submit</button>
        </form>
    </div>
  </div>

</section>

提交

您可以捕获空格键(代码32)并防止传播到传送带

$('input').on('keydown', function (e) {
  if (e.keyCode == 32) {
    e.stopPropagation();
  }
});
我也会阻止旋转木马上的键盘导航,或者使用箭头的人可能会在旋转木马幻灯片中导航

<section class="carousel slide" data-ride="carousel" data-interval="false" data-wrap="false" data-keyboard="false">


活生生的例子:

太棒了!这很有效。如果我在幻灯片中有一个可编辑的内容范围如何?我尝试了$('span'),但没有成功。@CodeMonkey我发现它在span上运行得很好。你能提供更多的信息吗?使用有角度的对象和另一个指令会阻塞跨度。谢谢你的帮助!