为什么我的按钮失去焦点？

Question

这就是我想要发生的事情。当用户点击“输入”时，应该触发“SearchForItems()”。发生的情况是页面上的另一个带有“其他按钮”的控件，只要在 onkeyup 之外或之后将任何其他元素切换到外面，焦点就会返回到该控件。

我必须在页面加载时强制将焦点集中在“搜索按钮”上，但之后任何时候按下 Enter 都会触发“其他按钮”。 “其他按钮”没有分配选项卡索引，是页面默认按钮。

我不确定我是否已经很好地解释了这一点。基本上我想知道为什么焦点会转移以及如何强制“搜索按钮”在按下输入键时触发。

这是我页面上的一个条目，我试图强制触发“搜索按钮”：

<td><input type="text" onkeydown="CheckForEnterKey(event)" id="AcceptedDate1" maxlength="7"  style="width:121px;" value="<%=DateTime.Now.AddMonths(-3).ToString("MM/yyyy")%>"/>&nbsp;</td>

这是我的 jquery 文件的一部分，我也在其中使用

$('#AcceptedDate1').keypress(function(e) { if (e.keyCode == 13 || e.which == 13) $('#SearchAcceptedLotsButton').click(); });

CheckForEnterKey 函数

function CheckForEnterKey(e)
    {
        var keycode;
        if(e.which)
        {
            keycode = e.which;
        }
        else
        {
            keycode = e.keyCode;
        }

        if(keycode == 13)
        {
            $('#SearchAcceptedLotsButton').click();//tried SearchForItems() also
        }
    }

编辑： strong>

我刚刚将其添加到我的页面中，它似乎可以工作，我将其添加到将所有内容结合在一起的主 div 中。我现在需要做的是找出按下回车键的位置，以便每次在页面的主要部分中按下回车键时都会取消回车键。有什么想法吗？我的页面上有很多元素？

function checkKey(e)
    {
        if(e.keyCode == 13 || e.which == 13)
        {
            e.returnValue = false;
            e.cancel = true;
        }
    }

Answer 1

我不确定你为什么遇到问题。但我可以为您提供我的 onKeyDown 代码来按 Enter：

if (event.which || event.keyCode){if ((event.which == 13) || (event.keyCode == 13)) { #DO JS HERE # }}

所以我这样使用它：

<input type="text" onKeyDown="if (event.which || event.keyCode){if ((event.which == 13) || (event.keyCode == 13)) { alert('You pressed enter!'); }}">

Answer 2

在上面的代码中，每当按下 Enter 时，id="SearchAcceptedLotsButton" 就会被触发点击，如下所示：

    if(keycode == 13)
    {
        $('#SearchAcceptedLotsButton').trigger('click');
    }

Answer 3

这就是我解决问题的方法：

我添加了这个函数。

function checkKey(e)
    {
        if(e.keyCode == 13 || e.which == 13)
        {
            e.returnValue = false;
            e.cancel = true;
            SearchAcceptedLots();
        }
    }

在包含页面上所有内容的最顶部 div，我添加了这个：

<div id="ItemPanel" onkeydown="checkKey(event)">

这捕获了在表单中按下的每个输入，取消默认按钮行为并调用所需的函数。