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

【问题标题】：How to Select / Highlight text box content on first click only如何仅在第一次单击时选择/突出显示文本框内容
【发布时间】：2012-12-22 17:35:55
【问题描述】：

请问有谁知道可以帮助我在第一次点击时突出显示文本字段内容的脚本

在第二次单击时，应从离开插入点的文本框中清除选择/突出显示。

提前谢谢你..

【问题讨论】：

标签： javascript jquery scripting

【解决方案1】：

脚本在第一次单击时选择文本，但在每次连续单击后，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;
    });    
})()

由于addEventListener 和querySelector，示例不完全跨浏览器兼容。

【讨论】：

【解决方案2】：

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

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

【讨论】：

这会在每次点击时选择文本，不是吗？
试用演示。我不知道为什么，但这是他想要的
你确实是对的。对不起。你知道为什么会这样吗？我希望每次点击都会选择它
再单击一次（文档上的任何位置）将使浏览器清除文档的当前选择，我猜 :D
嗯，也许吧。好奇这是否是跨浏览器的一致行为。

【解决方案3】：

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

&lt;input type="text" id="tbTest" value="Test" onclick="SelectText(this)" /&gt;

【讨论】：

此代码继续选择后续点击的文本。