Bootstrap中回车会触发其他按钮的Dropdown事件的解决方法

比如我们在一个表单元素中使用了dropdown组件,有时候我们在某个输入框中按回车来进行某些操作时表单中的dropdown元素会被打开。

示例代码:

<form>
    <div class="dropdown">
        <button class="dropdown-toggle" data-toggle="dropdown">展开button>
        <input type="" name="">
        <ul class="dropdown-menu">
            <li>111li>
            <li>222li>
        ul>
    div>
form>

效果:
Bootstrap中回车会触发其他按钮的Dropdown事件的解决方法_第1张图片

解决方法:在button元素添加type="button"

如此便不会出现弹出框了

你可能感兴趣的:(Bootstrap)