IE9，聚焦于输入文本框，但按回车键将执行第一个输入按钮。我需要它停止

Question

我有一个网络应用程序，人们可以在其中搜索内容。在 IE9 中，焦点位于搜索输入元素上，但第一个按钮突出显示，因此当有人按 Enter 时，它始终会执行第一个按钮。

我不希望人们能够按 Enter 键并执行第一个按钮。

原因是因为有些人倾向于在搜索的输入文本框中键入后按 Enter，即使它是基于 keyup 事件。

我尝试将其重新聚焦到搜索输入元素。我也尝试过模糊按钮。这似乎不起作用。

有谁知道这个问题的解决方案吗？

感谢您抽出时间。

编辑： 我不想劫持 Enter 按钮，因为如果有人实际上将焦点放在第一个按钮上并按 Enter 键怎么办？也许我可以检查一下？或者也许有更好的解决方案？

编辑2：在这里发现类似的问题： 阻止 IE 高亮显示第一个提交按钮一个表格 但这个问题的解决方案就是 ASP。

编辑3：

代码示例：

    <div >
        <label>ETTRN:<input type="text" id="search" maxlength="16" /></label>
        <input type="submit" value="Generate CSV" id="generate_csv" />
    </div>

Answer 1

将搜索框单独放入

中。

<form action="javascript:void(null);" method="post">
    <input type="text" id="searchbox" />
</form>

这将（或至少应该）防止 IE（或任何浏览器）将第一个按钮视为 Enter 键的操作。

Answer 2

我想出一个解决办法。

jQuery('*:focus').live('keydown', function(event) {
    if (event.keyCode == 13) {
        switch(jQuery(this).attr('id')) {
            case 'search' :
            case 'date-start':
            case 'date-end':
                event.preventDefault();
                return false;
        }
    }
});

我只关心焦点何时位于用于搜索的文本输入元素（即搜索、开始日期和结束日期）。因此，如果按下某个键时这三个文本输入元素之一处于焦点，请检查它是否是 Enter 键 (13)，如果是，则禁用默认值。

谢谢大家的帮助。

Answer 3

该问题与此处描述的文档类似：​​https://github。 com/aleen42/PersonalWiki/issues/32#issuecomment-489966824

如果你想解决问题，你可以使用改为 keypress 或 keydown 事件：

$('input.input-wrapper').on('keydown', e => { console.log(e.keyCode); });

或者用空表单包装输入元素：

<form action="javascript: void(0);">
    <input type="text" class="input-wrapper" value="" />
</form>
<button>test</button>