ファイル入力フィールドの「シールド」または「偽の入力」として入力フィールドを使用します。
その上に「ブロック」divを配置したため、ユーザーがクリックする方法はありません。
ただし、偽の入力を保持しているjQueryダイアログを開くと、カーソルが入力に配置されます。
これが起こらないようにするにはどうすればよいですか。
カーソルをこの場所に移動するのは、ブラウズのデフォルトの動作のようです。
何らかの理由で、これはフィドルでは再現できません:
function fooboo (moo){
}
ファイル入力フィールドの「シールド」または「偽の入力」として入力フィールドを使用します。
その上に「ブロック」divを配置したため、ユーザーがクリックする方法はありません。
ただし、偽の入力を保持しているjQueryダイアログを開くと、カーソルが入力に配置されます。
これが起こらないようにするにはどうすればよいですか。
カーソルをこの場所に移動するのは、ブラウズのデフォルトの動作のようです。
何らかの理由で、これはフィドルでは再現できません:
function fooboo (moo){
}
入力を無効または読み取り専用にしてみてください
<input name="name" type="text" readonly>
<input name="name" type="text" disabled>
それはそれを行うかもしれません。. .
関数を使用jQuery.blur()してフォーカスを削除できます。
$('#box').focus();
setTimeout(function() {
$('#box').blur();
}, 2000);
入力のhtmlタグをスパンとして変更するだけです
<span id="file_fake" class="radius_left">Browse</span>
cssを少し修正
#file_fake { line-height: 33px; text-indent: 10px; }
フィドル: