javascript - jQuery - 从文本区域中选择所有文本

Question

当您在文本区域内单击时，如何才能选中其全部内容？

最终当您再次点击时，取消选择它。

Answer 1

要阻止用户在每次尝试使用鼠标移动插入符号时选择整个文本时感到恼火，您应该使用 focus 事件而不是 click 事件。以下将完成这项工作并解决 Chrome 中的一个问题，该问题阻止最简单的版本(即仅在 focus 事件处理程序中调用 textarea 的 select() 方法)工作.

jsFiddle:http://jsfiddle.net/NM62A/

代码:

<textarea id="foo">Some text</textarea>

<script type="text/javascript">
    var textBox = document.getElementById("foo");
    textBox.onfocus = function() {
        textBox.select();

        // Work around Chrome's little problem
        textBox.onmouseup = function() {
            // Prevent further mouseup intervention
            textBox.onmouseup = null;
            return false;
        };
    };
</script>

jQuery 版本:

$("#foo").focus(function() {
    var $this = $(this);
    $this.select();

    // Work around Chrome's little problem
    $this.mouseup(function() {
        // Prevent further mouseup intervention
        $this.unbind("mouseup");
        return false;
    });
});