📅 最后修改于: 2023-12-03 15:15:33.972000 🧑 作者: Mango
在 HTML DOM 中，blur() 方法可以让当前文本输入框失去焦点。本文将介绍 blur() 方法的用法和示例，帮助你更好地理解和使用该方法。
blur() 方法没有任何参数。直接在 HTML 文本输入框元素上调用该方法即可。
inputElement.blur();
下面展示了一个简单的示例，用于展示如何使用 HTML DOM 的 blur() 方法。当文本输入框失去焦点时，会输出其中的文本内容。
<!DOCTYPE html>
<html>
<head>
<title>HTML DOM 输入文本 blur() 方法示例</title>
</head>
<body>
<label for="input-box">输入文本:</label>
<input id="input-box" type="text">
<script>
const inputElement = document.getElementById("input-box");
inputElement.addEventListener('blur', function() {
console.log(inputElement.value);
});
</script>
</body>
</html>
在上面的示例中，我们首先获取了一个文本输入框元素，然后添加了一个事件监听器来监听文本输入框失去焦点的事件。当文本输入框失去焦点时，我们使用 console.log() 方法输出其中的文本内容。如果你在文本输入框中输入了一个单词，并将焦点从该文本输入框移开，你将在浏览器开发者工具的控制台上看到输出的文本内容。
HTML DOM 输入文本 blur() 方法可以让当前文本输入框失去焦点。使用该方法可以很方便地监听文本输入框的失去焦点事件，并执行相应的操作。