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 id="file_fake" class="radius_left">Browse</span>

cssを少し修正

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

フィドル:

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