jquery - 按下回车键时 IE 重复输入字段

Question

我有以下代码

HTML

<button id="add-input">add</button>
<div id="input-container"></div>

JS

$('#add-input').on('click',function () {
    $('<input type="text">').appendTo('#input-container');
});

当我单击带有 id add-input 的按钮时，一切都按预期工作。 但是，如果我关注新添加的<input>元素并在键盘上按 Enter，则将再次触发 click 事件。这仅在使用 IE(9) 时发生。我已经在 Chrome 和 Firefox 中对其进行了测试，它们都按预期工作。<div><input>

jsfiddle 来验证这一点：http: //jsfiddle.net/nMhMd/

谢谢！

Answer 1

Internet Explorer 认为您的<button>元素是一个提交按钮。要更改行为，请添加type="button"以使其认为这是正常行为。

<button id="add-input" type="button">add</button>