📅 最后修改于: 2023-12-03 15:16:49.878000 🧑 作者: Mango
当用户在页面上点击某个元素时，它通常会获得焦点。通过 jQuery 可以轻松地添加和移除焦点。在本教程中，我们将讨论如何使用 jQuery 移除焦点。
要移除焦点，可以使用 blur() 方法。例如，要从文本输入框中移除焦点，可以使用以下代码：
$('input[type="text"]').blur();
上述代码会将所有 type 属性为 text 的 input 元素的焦点移除。
以下是一个示例，演示如何在点击按钮时移除输入框的焦点：
<!DOCTYPE html>
<html>
<head>
<title>jQuery Example</title>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
</head>
<body>
<input type="text" id="input-box">
<button id="remove-focus-btn">移除焦点</button>
<script>
$(document).ready(function(){
$('#remove-focus-btn').click(function(){
$('#input-box').blur();
});
});
</script>
</body>
</html>
在上面的示例中，我们有一个文本输入框和一个按钮。当按钮被点击时，我们使用 blur() 方法将输入框的焦点移除。
使用 jQuery 可以轻松地添加和移除焦点。blur() 方法可以用于移除元素的焦点。