突出顯示輸入文本不起作用

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

要在輸入中選擇文本，您只需在onclick調用this.select() ，如下所示

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