如何将光标移出输入字段？

Question

我使用输入字段作为文件输入字段的“屏蔽”或“假输入”。

当我在其上方放置一个“block”div时，用户无法点击它。

然而，当我打开jQuery对话框并保存虚假输入时，光标将被放置在输入中。

如何防止这种情况发生。

似乎是浏览的一些默认行为，将光标移动到这个位置。

出于某种原因，这在小提琴中是不可再现的：

http://jsfiddle.net/36t3G/2/

function fooboo (moo){
}

Answer 1

尝试禁用或只读输入

 <input name="name" type="text" readonly>
 <input name="name" type="text" disabled>

那可能会这样做。 。

Answer 2

您可以使用jQuery.blur()功能删除焦点。

$('#box').focus();
setTimeout(function() {
    $('#box').blur();
}, 2000);

Fiddle

Answer 3

只需将输入的html标记更改为span

即可

<span id="file_fake" class="radius_left">Browse</span>

在css中有点修复

#file_fake { line-height: 33px; text-indent: 10px; }

小提琴：

http://jsfiddle.net/36t3G/4/