页面加载时是否可以从文本输入中移除焦点？答案

【问题标题】：Is it possible to remove the focus from a text input when a page loads?页面加载时是否可以从文本输入中移除焦点？
【发布时间】：2010-11-25 11:54:22
【问题描述】：

我有一个带有一个用于搜索的文本字段的网站，但是我不希望在页面加载时将焦点放在它上面，但是它是表单上唯一的文本输入，是否可以移除焦点？

【问题讨论】：

标签： javascript jquery html

【解决方案1】：

jQuery 解决方案类似于：

$(function () {
    $('input').blur();
});

【讨论】：

其实这段代码有错别字 $(function(){ $('input).blur(); });
是否有任何 CSS3 方法可以执行相同的确切过程？
@klewis no CSS 中没有用于 blurr 的方法
该问题有一个“jQuery”标签，但 blur() 和 focus() 是 JavaScript DOM 方法，因此它们应该适用于大多数框架（就像 jQuery 一样）以及直接的 JavaScript . （CSS 有一个 ":focus" 伪类选择器，但这更像是形容词而不是动词。）

【解决方案2】：

使用document.activeElement.blur();

http://jsfiddle.net/vGGdV/5/ 的示例也显示了当前聚焦的元素。

请注意，在 IE 中对 body 元素调用 blur() 会使 IE 失去焦点

【讨论】：

它在 Safari MAC OS X 10.12, iPhone iOS 9,10,10.2 中工作正常！ @Gaby aka G. Petrioli
@ArturMustafin 感谢您的提醒。很高兴知道。

【解决方案3】：

您可以使用.blur() 方法。见http://api.jquery.com/blur/

【讨论】：

【解决方案4】：

我要补充一点，HTMLElement 也有一个内置的 .blur 方法。

这是一个使用 .focus 和 .blur 的演示，它们的工作方式相似。

const input = document.querySelector("#myInput");

<input id="myInput" value="Some Input">

<button type="button" onclick="input.focus()">Focus</button>
<button type="button" onclick="input.blur()">Lose focus</button>

【讨论】：

【解决方案5】：

$(function() {
 $("#MyTextBox").blur();
});

【讨论】：