html - IE9 tabbable div inside form 不提交？

Question

在表单中创建一个可制表的 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