单击链接后，将焦点设置在输入元素上

Set focus on input element after a link is clicked

本文关键字：输入 元素 设置 焦点 链接 单击      更新时间：2023-09-26

我有这个可点击的链接，

`<a href="#" id="link">Clickable Link</a>`

我有这个<input>，点击链接后会出来，

    <input id="geo_title" type="text" value="some value" class="geo_title" />

在我的脚本中，

    $('#link').click(function(){
        $('input#geo_title').removeAttr('value');
        $("input#geo_title").focus();
    });

但遗憾的是，这并没有聚焦CCD_ 2元素。我想要的是，在我点击链接后，我不必点击<input>元素就能输入一些东西。我错过了什么？非常感谢你的帮助。谢谢

工作正常，您只需要阻止默认的链接操作，这样浏览器就不会试图遵循它。

$('#link').click(function (evt){
  $('input#geo_title').removeAttr('value');
  $("input#geo_title").focus();
  evt.preventDefault();
});

尝试通过添加href=#从链接中删除默认焦点！

<a href="#!" id="link">Clickable Link</a>

您还没有将代码封装在中

$( function() { });

或

$(document).ready( function() { });

相关文章：