表单内的IE9 tabbable div不提交？

【问题标题】：IE9 tabbable div inside form not submit?表单内的IE9 tabbable div不提交？
【发布时间】：2012-04-26 09:10:47
【问题描述】：

在表单内创建可选项卡的 div 时，大多数浏览器不会在 div 获得焦点并按下 enter 时提交表单。

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

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

任何帮助将不胜感激。

【问题讨论】：

标签： html internet-explorer accessibility

【解决方案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

【讨论】：

谢谢，这正是我正在寻找的那种覆盖！