IE9中的tabbable div里面没有提交？

Question

在表单内创建一个tabbable div时，大多数浏览器在div被聚焦并按下enter时不提交表单。

请参阅此示例：http://jsfiddle.net/SBfKs/3/

IE9虽然出于某种原因。有谁知道如何在IE9中覆盖它以使其在浏览器中保持一致？

非常感谢任何帮助。

Answer 1

有趣的是，我不知道IE会在这种情况下提交表格。

您可以捕获按键（IE在keydown上提交）并在<div>上取消默认行为。如果<div>是你要添加的专注能力的唯一元素，那么这应该解决问题（jQuery解决方案）：

$(document).ready(function() {
    var $form = $('#foo');
    $form.on('keydown', 'div', function(e) {
        code = (e.keyCode ? e.keyCode : e.which);
        if (code === 13) {
            e.preventDefault();
        }
    });
});

Fiddle here