如何仅在第一次单击时选择/突出显示文本框内容

时间:2013-01-08 19:06:12

标签: javascript jquery scripting

请有人知道可以帮助我在第一次点击时高亮显示文本字段内容的脚本

在第二次单击时,应从文本框中清除选择/高光,从而离开插入点。

感谢你在ADvance ..

3 个答案:

答案 0 :(得分:3)

脚本在第一次单击时选择文本,但在每次连续单击后,textarea的行为将像textarea一样。当文本区域由于模糊事件而失去焦点并再次单击它时,将再次选择文本。

Live Demo on 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;
    });    
})()

由于addEventListenerquerySelector,该示例并非与浏览器完全兼容。

答案 1 :(得分:1)

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




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

答案 2 :(得分:1)

试试这个:http://jsfiddle.net/4Hkhx/1/

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