jquery - .select（）を使用して入力で選択されたものの選択を解除します

Question

カーソルを合わせたときに入力ボックスのテキストを選択するために使用.select()した後、次のようにしました。

HTML：

<input type="text" class="hoverAble" value="hover here"/><br />

jQuery：

$(".hoverAble").mouseenter(function() {

    this.select();

}).mouseleave(function() {

    //I can't figure what to put here.
});

ここを参照してください。 ^{（jsfiddleで）正しく機能するための警告は、結果フレームで1回クリックする必要があります。}

主なアイデアはmouseleave、期待どおりに機能することです。

お気づきかもしれませんが、ホバーアウトしてこれを回避するときにテキストの選択を解除する方法がわかりません。

Answer 1

使用する.blur();

http://jsfiddle.net/robert/adCfw/6/

Answer 2

この場合、blur() は入力テキストからフォーカスを外すだけで、テキストが選択されていないように見えますが、まだ選択されています。テキストの選択を完全に解除するには、次のようにします。

$(".hoverAble").mouseenter(function() {
    this.select();
}).mouseleave(function() {
    $(this).prop('selectionStart', 0).prop('selectionEnd',0).blur();
});

Answer 3

jQuery を使用している場合は、blur() を使用してみてください。

$(this).blur();

Answer 4

これは機能します：

$(".hoverAble").hover(function() {

    $(this).select();
    $(this).after("<input type='text' style='height:0;width:0;border:0;padding:0;margin:0;' id='tmp_hidden' />");

}, function(){

    $("#tmp_hidden").select().remove();

});

それを解決するためのより良い方法があるはずです。

編集：もちろんありblur()ます。

Answer 5

input.hover(function(){$(this).select();}, function(){$(this).val($(this).val());});

Answer 6

jQuery を使用する場合は、必要に応じてキャレット位置の選択を解除または設定するための多くのプラグインの 1 つを試すことができます。そうでない場合でも、オープンソース ライセンスにより、これらのプラグインの純粋な JavaScript を使用できます。