如何使用jQuery将焦点聚焦在HTML元素上
相当容易。
$('#itemId').focus();
我希望您在6年前就能找到这个问题,但如果您在当前的Firefox和Chrome上打开控制台工具并测试焦点功能,可能会导致焦点事件无法正确触发。
为了测试它,您可以使用setTimeout,在它触发之前关闭开发者工具。
例如:
setTimeout(focusAtMyElement, 3000);
function focusAtMyElement(){
$('#my-element').focus();
}
我并不建议在生产代码中使用setTimeout,这只是为了“视觉测试目的”,以便在焦点事件触发之前可以关闭浏览器上的开发工具并查看预期结果。
> <button id="id" class="class1">
$("input").focus();
这就是你需要的!
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();
});
focus()
的实际功能完全正常 - 只是无法通过控制台手动执行! - Brian Powell