Question

我在这里转圈。以为我可以解决这个问题，先问一个问题回答它只会再次卡住。有一个包含文本和数字输入字段的多个面板的简单表单。当用户单击选项卡中或应该选择该输入字段文本的任何内容时。我开始查看THIS文章，并查看jquery焦点并选择。似乎没有什么工作。单击输入字段时，似乎没有突出显示已存在的文本。

由于

以下是我尝试过的一些事情：

$("input[type=text]").focus(function() {
    $(this).select();
});

$('#itemPanel :input[type="text"]').each(function() {
  $(this).click(function() {
    console.log("I was clicked in");
  });
});

Answer 1

要自动选择输入框中的文字，我建议您使用click事件而不是示例中的focus事件。

这似乎也写在您发布的代码示例链接中。 http://www.electrictoolbox.com/jquery-select-function/（请注意它是如何使用click代替focus）

试试这个：

$("input[type=text]").click(function() {
    $(this).select();
});

<强> - 修改

根据评论中的一些反馈，有一个指向另一个类似问题的链接，表明这样的事情：

$('input[type=text]').focus(function() {
  $('input[type=text]').select().one('mouseup', function(e) {
    e.preventDefault();
  });
});

Answer 2

如何使用on focus

$('input[type=text]').on('focus', function() {
   $(this).select();
});

您也可以使用mouseup

$('input[type=text]').on('mouseup', function() {
   $(this).select();
});

Fiddle

在输入字段中选择文本

2 个答案: