Question

现在，一个“提交”按钮是默认的聚焦控件。但我需要将默认焦点设置为另一个图像按钮。

以下是示例图片“按钮”

<img style="vertical-align: top; border-style: none;"                                                   src="IconAdd.jpg" id="imbAdd" onclick="javascript:Add();" title="Click to Add" style="cursor:hand;" />

但我用

$(document).ready(function(){$("#imbAdd").focus();}

它不起作用。

我希望我很清楚。当我按Enter键时，我需要实现，我可以为此图像“按钮”触发“点击”事件。

由于

解决方案：我用 <input type="image" id="imbAdd" onclick="addEntry();return false;"> ..而不是图像链接。并设定 <form id="form1" defaultButton="imbAdd"> 但是这个类型按钮会导致提交不是我想要的。所以我需要添加“return false;”最后“addEntry（）”以确保图像按钮永远不会导致任何不希望的提交。

Answer 1

自HTML5以来：

<button type="button" autofocus>
Click Me!
</button>

Answer 2

您无法将焦点设置为每个元素。

最好编写一个将在keydown事件中触发的函数，并检查“Enter”键并触发图像的click事件。

在你的keyup事件检查中

var kCode = (e.keyCode ? e.keyCode : e.which); 

if (kCode == 13) 
{ 
   // its the enter key pressed
}

Answer 3

有一种叫做tabindex的东西适用于各种浏览器。我用它来跳过验证码中的图像以获得表格焦点。它是第一类属性。如果您重新排序两个按钮的tabindex / focus顺序，它可能会为您提供所需的行为。

<input type="text" name="test_field_1" tabindex=2></input>
<input type="text" name="test_field_1" tabindex=1></input>

约什

如何设置默认焦点？

3 个答案: