📌  相关文章
📜  如何通过单击 jQuery 中的按钮在搜索表单中设置光标？(1)

📅  最后修改于: 2023-12-03 14:53:19.916000             🧑  作者: Mango

如何通过单击 jQuery 中的按钮在搜索表单中设置光标？

在 jQuery 中，可以轻松地通过单击按钮在搜索表单中设置光标。以下是如何进行操作的简短步骤：

  1. 首先，在 HTML 文件的 <head> 标签中引入 jQuery 库：
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
  1. 接着，在 HTML 中添加搜索表单和按钮：
<form id="search-form">
  <input type="text" name="search-input" id="search-input">
  <button type="button" id="search-btn">Search</button>
</form>
  1. 最后，在 JavaScript 文件中使用 jQuery 选择器来选中搜索框和按钮，然后使用 .focus() 方法在单击按钮时将光标设置在搜索框中：
$(document).ready(function() {
  $('#search-btn').click(function() {
    $('#search-input').focus();
  });
});

以上代码将在文档加载后等待按钮单击事件，然后将光标设置在搜索框中。

注意，我们在按钮上使用了 type="button" 属性，这将使该按钮不会提交表单，而只是执行 JavaScript 代码。

希望这个简短教程能够帮助你更好地使用 jQuery 设置光标。记得多练习，多写代码！