博客

jQuery focus()方法

  • Post category:jquery

jQuery focus()方法用于将焦点设置到指定元素上。该方法通常用于在页面加载时自动将焦点设置到某个元素上，或在用户执行某些操作后将点设置到另一个元素上。

以下是jQuery focus()方法的详细攻略：

语法

$(selector).focus()

参数

无

示例1：自动设置焦点

以下示例演示了如何使用jQuery focus()方法在页面加载时自动将焦点设置到文本输入框上：

<!DOCTYPE html>
<html>
<head>
  <title>jQuery focus() Method</title>
  <script src="https://code.com/jquery-3.6.0.min.js"></script>
</head>
<body>
  <input type="text" id="myInput">

  <script>
    $(document).ready(function() {
      $('#myInput').focus();
    });
  </script>
</body>
</html>

在上述示例中，我们创建了一个文本输入框，并在页面加载时使用jQuery focus()方法将焦设置到该输入框上。

示例2：根据用户操作设置焦点

以下示例演示了如何在用户执行某些操作后将焦点到另一个元素上：

<!DOCTYPE html>
<html>
<head>
  <title>jQuery focus() Method</title>
  <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
</head>
<body>
  <input type="text" id="myInput">
  <button id="myButton">Click me</button>

  <script>
    $('#myButton').on('click', function() {
      $('#myInput').focus();
    });
  </script>
</body>
</html>

在上述示例中，我们创建了一个文本输入框和一个按钮。在按钮上绑定了一个click事件，在事件处理程序中使用jQuery focus()方法将焦点设置到文本输入框上。

注意事项

  • jQuery focus()方法用于将焦点设置到指定元素上。
  • 可以在页面加载时自动将焦点设置到某个元素上，或在用户执行某些操作后将焦点设置到另一个元素上。
Tags: