js 使input失去焦点

在JavaScript中，使input元素失去焦点可以通过调用该元素的blur()方法来实现。以下是相关的基础概念以及示例代码：

基础概念

焦点（Focus）：在网页上，当用户与某个元素交互时，该元素就获得了焦点。获得焦点的元素通常会有一些视觉上的变化，比如边框变粗或颜色变化。
失去焦点（Blur）：当用户从一个元素切换到另一个元素，或者通过代码使某个元素不再处于焦点状态时，该元素就失去了焦点。

示例代码

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Input Blur Example</title>
<script>
function removeFocus() {
    document.getElementById('myInput').blur();
}
</script>
</head>
<body>

<input type="text" id="myInput" placeholder="Type something...">
<button onclick="removeFocus()">Remove Focus</button>

</body>
</html>

在这个例子中，当用户点击“Remove Focus”按钮时，input元素会失去焦点。