JavaScript中，输入框的焦点是一个重要的概念。它指的是用户在页面上启用文本输入时，光标所在的位置。JavaScript可以读取和控制输入框的焦点，从而实现一些有用的功能，比如校验用户输入、自动补全、根据输入框内容实时展示搜索结果等。下面我们将详细介绍如何使用JavaScript来控制输入框的焦点。

首先，我们可以通过document.activeElement方法来获取当前页面上获取焦点的元素。比如，我们在页面上有两个输入框，一个用户名，一个密码，那么我们可以通过如下代码来获取当前获取焦点的元素：

if (document.activeElement === document.getElementById('username')) {
// 用户名输入框当前获取焦点
} else if (document.activeElement === document.getElementById('password')) {
// 密码输入框当前获取焦点
}

这就是一个简单的判断当前获取焦点的元素的方式。在实际应用中，我们可以通过此方法来检查用户的输入是否符合要求，比如校验用户名是否包含非法字符。一旦用户输入了非法字符，我们可以使用以下代码来设置输入框的焦点，提示用户更改输入内容：

document.getElementById('username').focus();
alert('用户名只能包含字母和数字');

在这个例子中，我们使用focus()方法将焦点重新设置到用户名输入框，从而让用户有机会修改他们的输入。这个方法可以在任何可以接受焦点的元素上使用，比如按钮、链接等。

除了重新设置焦点，我们还可以通过blur()方法来取消输入框的焦点。当我们不希望用户输入进一步地修改输入框内容时，我们可以使用此方法将焦点移动到其他元素上。比如，当一个输入框已经具有输入自动完成功能时，我们需要使用此方法关闭输入框的焦点：

document.getElementById('query').blur(); // 取消查询输入框的焦点

上述代码将取消查询输入框的焦点，从而使得用户的输入不会被输入自动完成插件所替换，同时还可以让用户输入其他内容，或者对搜索条件进行完善。

总之，JavaScript提供的输入框焦点控制功能非常强大，我们可以从中获得很多益处。在实际应用中，使用此功能可以使得用户的输入更加准确、有效，从而提高应用的用户体验。