IE按下enter键时复制输入字段

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>元素会附加到<div> 但是，如果我专注于新添加的<input>并按下键盘上的Enter键，则会再次触发click事件。这只发生在使用IE（9）。我在Chrome＆amp; Firefox和它们都按预期工作。

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

谢谢！

Answer 1

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

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