Twitter Bootstrap - 下拉菜单 - 箭头键不适用于 firefox 中的输入标签

Question

要求

我想在带有用户名和密码字段的下拉菜单中放置一个登录表单，我可以做到这一点。除了下面的问题，一切都很好，

问题

在打字时，我无法在firefox 中使用箭头键（向上/向下），当输入位于下拉代码之外时，这很有效。这适用于 google crome 等其他浏览器。

• Firefox版本是26
• 引导程序版本：3.03
• jQuery 1.10

题：

如何解决此问题，jquery 或 twiter 的 js 是否有问题，因为当我将输入移到下拉列表之外时它运行良好

小提琴

这是复制相同的小提琴::：http : //jsfiddle.net/santoshjoshi/WKU6M/3/

代码：

    <div id="navbar-example" class="navbar navbar-static">
    <div class="container" style="width: auto;">
        <div class="nav-collapse bs-js-navbar-collapse">
            <ul class="nav navbar-nav pull-left">
                <li id="sign-up-dropdown" class="dropdown closed noshow">
                    <a href="#" id="drop4" role="button" class="dropdown-toggle" data-toggle="dropdown">Sign Up<b class="caret">&nbsp;</b></a>
                    <ul class="dropdown-menu" role="menu" aria-labelledby="drop3">
                        <li role="presentation">
                                <div class="login_dropdown platform-font-1">
                                    <form class="form-horizontal"  action="login" method="POST">
                                        <div class="form-group">
                                            <div class="col-lg-10">
                                                <input type="text" class="form-control " id="email" name="email" placeholder="Email">&#160;</input>
                                            </div>
                                        </div>
                                    </form>
                                </div>
                         </li>
                    </ul>
                </li>
            </ul>
        </div>
    </div>
</div>
<!-- Arrow keys works with the below input but not the one inside drop down -->
<input type="text" class="form-control " id="email1" name="email" placeholder="Email">&#160;</input>

Answer 1

对我来说看起来像是一种错误，但作为一个简单的修复，停止传播onkeydown事件：

演示

$('#email').on('keydown',function(e){
    e.stopPropagation();
});