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

Exi*_*tos 51 html javascript jquery

我有一个网站有一个文本字段用于搜索,但我不希望焦点在页面加载时,但它是表格上唯一的文本输入,是否可以删除焦点?

Coi*_*_op 81

一个jQuery解决方案将是这样的:

$(function () {
    $('input').blur();
});
Run Code Online (Sandbox Code Playgroud)


Gab*_*oli 62

使用 document.activeElement.blur();

http://jsfiddle.net/vGGdV/5/上的示例也显示了当前关注的元素.

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

  • 它可以在Safari MAC OS X 10.12,iPhone iOS 9,10,10.2中正常运行!@Gaby aka G.彼得里奥利 (2认同)

Iva*_*van 11

我想补充一点,HTMLElement也有一个内置.blur方法。

这是一个使用两者的演示.focus.blur它们以类似的方式工作。

const input = document.querySelector("#myInput");
Run Code Online (Sandbox Code Playgroud)
<input id="myInput" value="Some Input">

<button type="button" onclick="input.focus()">Focus</button>
<button type="button" onclick="input.blur()">Lose focus</button>
Run Code Online (Sandbox Code Playgroud)


jam*_*mus 8

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


Sha*_*ard 6

$(function() {
 $("#MyTextBox").blur();
});
Run Code Online (Sandbox Code Playgroud)