当页面加载时,是否可以从文本输入中移除焦点?

我有一个网站与一个文本字段的搜索,但我不希望焦点是在它的页面加载时,但它是唯一的文本输入的形式,是否有可能删除焦点?

163721 次浏览

您可以使用 .blur()方法

JQuery 解决方案类似于:

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

使用 document.activeElement.blur();

例子在 http://jsfiddle.net/vGGdV/5/,显示当前的重点元素以及。

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

我要补充的是,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>