javascript - ファーストクリックのみでテキストボックスのコンテンツを選択/強調表示する方法

Question

最初のクリックでテキストフィールドのコンテンツを強調するのに役立つスクリプトを知っている人はいますか？

2回目のクリックで、挿入ポイントを残してテキストボックスから選択/ハイライトをクリアする必要があります。

前もって感謝します..

Answer 1

スクリプトは最初のクリックでテキストを選択しますが、連続してクリックするたびに、textareaはtextareaが常に行うように動作します。ぼかしイベントが原因でテキスト領域のフォーカスが失われ、もう一度クリックすると、テキストが再度選択されます。

JsFiddleでのライブデモ

(function () {
    var area = document.querySelector('#txt'),
        clicked = false;

    area.addEventListener('click', function () {
        if (!clicked) {
            area.select();
            clicked = true;
        }
    });

    area.addEventListener('blur', function () {
        clicked = false;
    });    
})()

addEventListenerとquerySelectorのため、この例は完全にクロスブラウザー互換ではありません。

Answer 2

    function SelectText(sender) {
        document.getElementById(sender.id).focus();
        document.getElementById(sender.id).select();
    }        

<input type="text" id="tbTest" value="Test" onclick="SelectText(this)" />

Answer 3

これを試してください：http：//jsfiddle.net/4Hkhx/1/

$(document).ready(function(){
  $('input').click(function(){
    $(this).select();
  });
});