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

Question

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

用户无法单击它，因为我在其上方放置了一个“块”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);

小提琴

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/