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

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); 

Fiddle

Answer 3

简单地改变输入的HTML标签作为跨度

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

并在CSS一点点修复

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

小提琴：

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