Question

您好我希望输入元素中的文本在初始点击时突出显示。但是我的功能似乎不起作用。我研究了这个问题，发现jquery 1.7及以下版本存在一些问题。我已经对它进行了调整以解决这个问题，但仍然无效。

任何帮助都会很棒。谢谢！

HTML

 <input type="text" value="hello"/>

JS

  $scope.highlightText = function() {
    $("input[type='text']").on("click", function() {
      $(this).select();
    });

https://plnkr.co/edit/b7TYAFQNkhjE6lpRSWTR?p=preview

Answer 1

您需要在控制器的末尾实际调用您的方法，否则事件不受约束。

https://plnkr.co/edit/a0BlekB8qTGOmWS8asIx?p=preview

......其他代码......

        $scope.highlightText = function () {
                    $("input[type='text']").on("click", function () {
                        $(this).select();
                        var test = $(this).parent();
                        console.log(test);
                    });

        $("textarea").on("click", function () {
                        $(this).select();
            });
        };
    $scope.highlightText();
  };

Answer 2

要选择输入中的文字，您只需从this.select()拨打onclick，如下所示

＆＃13;

<input type="text" onclick="this.select()" value="hello"/>

＆＃13;

突出显示输入文本不起作用

2 个答案: