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

Question

Hello I would like the text inside an input element to highlight upon initial click. However my function does not seem to be working. I have researched the issue and seen that there are some issues with jquery 1.7 and below. I have adjusted it to account for this any it still does not work.

Any help would be great. Thanks!

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

You need to actually call your method at the end of controller, otherwise the event is not bound.

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

... other code ...

        $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"/>