像@Travis和@Mari一样，我想在用户点击时自动选择，这意味着防止鼠标起动事件的默认行为，但不阻止用户四处点击。我提出的解决方案基于鼠标点击所涉及的事件顺序，适用于IE11、Chrome 45、Opera 32和Firefox 29(这些都是我目前安装的浏览器)。

当你点击一个没有焦点的文本输入时，你会得到这些事件(以及其他):

mousedown:响应你的点击。默认处理在必要时提高焦点并设置选择开始。 focus:作为鼠标按下的默认处理的一部分。 mouseup:完成你的点击，其默认处理将设置选择结束。

单击已具有焦点的文本输入时，将跳过焦点事件。正如@Travis和@Mari都敏锐地注意到的那样，只有当焦点事件发生时，才需要阻止默认的mouseup处理。然而，由于没有“焦点没有发生”事件，我们需要推断这一点，这可以在mousedown处理程序中完成。

@Mari的解决方案需要导入jQuery，这是我想避免的。@Travis的解决方案通过检查document.activeElement来做到这一点。我不知道为什么他的解决方案不能跨浏览器工作，但有另一种方法来跟踪文本输入是否有焦点:简单地跟随它的焦点和模糊事件。

下面是适合我的代码:

  function MakeTextBoxAutoSelect(input)
  {
    var blockMouseUp = false;
    var inputFocused = false;

    input.onfocus =
      function ()
      {
        try
        {
          input.selectionStart = 0;
          input.selectionEnd = input.value.length;
        }
        catch (error)
        {
          input.select();
        }

        inputFocused = true;
      };

    input.onblur =
      function ()
      {
        inputFocused = false;
      };

    input.onmousedown =
      function ()
      {
        blockMouseUp = !inputFocused;
      };

    input.onmouseup =
      function ()
      {
        if (blockMouseUp)
          return false;
      };
  }

我希望这对某人有所帮助。: -)

像@Travis和@Mari一样，我想在用户点击时自动选择，这意味着防止鼠标起动事件的默认行为，但不阻止用户四处点击。我提出的解决方案基于鼠标点击所涉及的事件顺序，适用于IE11、Chrome 45、Opera 32和Firefox 29(这些都是我目前安装的浏览器)。

当你点击一个没有焦点的文本输入时，你会得到这些事件(以及其他):

mousedown:响应你的点击。默认处理在必要时提高焦点并设置选择开始。 focus:作为鼠标按下的默认处理的一部分。 mouseup:完成你的点击，其默认处理将设置选择结束。

单击已具有焦点的文本输入时，将跳过焦点事件。正如@Travis和@Mari都敏锐地注意到的那样，只有当焦点事件发生时，才需要阻止默认的mouseup处理。然而，由于没有“焦点没有发生”事件，我们需要推断这一点，这可以在mousedown处理程序中完成。

@Mari的解决方案需要导入jQuery，这是我想避免的。@Travis的解决方案通过检查document.activeElement来做到这一点。我不知道为什么他的解决方案不能跨浏览器工作，但有另一种方法来跟踪文本输入是否有焦点:简单地跟随它的焦点和模糊事件。

下面是适合我的代码:

  function MakeTextBoxAutoSelect(input)
  {
    var blockMouseUp = false;
    var inputFocused = false;

    input.onfocus =
      function ()
      {
        try
        {
          input.selectionStart = 0;
          input.selectionEnd = input.value.length;
        }
        catch (error)
        {
          input.select();
        }

        inputFocused = true;
      };

    input.onblur =
      function ()
      {
        inputFocused = false;
      };

    input.onmousedown =
      function ()
      {
        blockMouseUp = !inputFocused;
      };

    input.onmouseup =
      function ()
      {
        if (blockMouseUp)
          return false;
      };
  }

我希望这对某人有所帮助。: -)

这里的答案在某种程度上帮助了我，但当我在Chrome中单击向上/向下按钮时，我在HTML5数字输入字段上遇到了一个问题。

如果你点击其中一个按钮，并将鼠标放在按钮上，这个数字就会不断变化，就像你一直按住鼠标按钮一样，因为鼠标被扔掉了。

我通过删除mouseup处理程序来解决这个问题，一旦它被触发，如下所示:

    $("input:number").focus(function () {
        var $elem = $(this);
        $elem.select().mouseup(function (e) {
            e.preventDefault();
            $elem.unbind(e.type);
        });
    });

希望这能在未来帮助到人们…

我知道内联代码是不好的风格，但我不想把它放在.js文件中。 不用jQuery也能工作!

<input type="text" value="blah blah" onfocus="this.select(); this.selAll=1;" onmouseup="if(this.selAll==0) return true; this.selAll=0; return false;"></input>

$(document).ready(function() {
    $("input:text")
        .focus(function () { $(this).select(); } )
        .mouseup(function (e) {e.preventDefault(); });
});

我在某个地方播种了这个，工作得很完美!

            $('input').on('focus', function (e) {
                $(this)
                $(element).one('mouseup', function () {
                        $(this).select();
                        return false;
                    })                        .select();
            });