Question

如何使用jquery

来关注html元素

Answer 1

非常简单。

$('#itemId').focus();

Answer 2

我希望您在6年前找到了这个问题，但如果您使用当前Firefox和Chrome上打开的控制台工具测试焦点功能，则可能会阻止焦点事件正常触发。

为了测试它，您可以在发生之前设置TimeTime并关闭开发人员工具。

例如：

setTimeout(focusAtMyElement, 3000);

function focusAtMyElement(){
    $('#my-element').focus();
}

无论如何，我不建议将setTimeout用于生产代码，这是出于可视化测试的目的而且＃34;只有这样你才能在焦点事件触发之前关闭浏览器上的开发工具，你可以看到预期的结果。

Answer 3

$("input").focus();

你去吧！

Answer 4

您可以通过元素类型，其ID或类来关注。例如，创建一个按钮。

> <button id="id" class="class1">

现在要关注此按钮，您可以按照以下方法操作： 1.按钮本身。注意： - 如果有多个按钮，它将聚焦在最后一个按钮上。

$（＆＃34;按钮＆＃34）。对焦（）;

按班级名称（使用＆＃39;。＆＃39;班级名称前）

$（＆＃34; .class1＆＃34）聚焦（）;

按其ID（使用＆＃39;＃＆＃39;在ID之前）

$（＆＃34;＃标识＆＃34）聚焦（）;
甚至按钮后跟其班级名称

$（＆＃34; button.class1＆＃34）聚焦（）;

Answer 5

<input class="element_class" type="text"/>
<input id="element_id" type="text"/>

<script>
    $('.element_class').focus();
    // the following will obviously blur() the previous
    $('#element_id').focus();
</script>

focus documentation
blur documentation

Answer 6

<强> HTML：

<form>
  <input id="target" type="text" value="Field 1" />
  <input type="text" value="Field 2" />
</form>
<div id="other">
  Trigger the handler
</div>

聚焦示例

$('#target').focus(function() {
  alert('Handler for .focus() called.');
});


$('#other').click(function() {
  $('#target').focus();
});

如何使用jquery关注html元素

6 个答案: