Angularjs input search field focus event?

Question

Trying to capture the focus or click event of a user returning to a search field.

<form name="searchUser">
    <input type="search" placeHolder="Username to find" ng-model="username" ng-focus="focusSet()">
    <input type="submit" value="Search" ng-click="search(username)" />
</form>

When someone click on the text(search) field I want to start a timer. The timer works for the initial page refresh but I cant get it to work for ng-focus or ng-click. So I degenerated to a simple focusSet function that just writes a line to the console. But it never writes the line on focus. Also tried this with click.

Why does angular not respond to the focus event?

var focusSet = function(){
  $log.info("Got Focus");
  $scope.focusSet = "now you see me";

};

here is my plunker if you want to see the whole thing http://plnkr.co/edit/zmWVWJrigRYkQk5jS5HU?p=preview

ps0604 · Accepted Answer · 2015-01-08 21:59:47Z

1

try:

$scope.focusSet = function(){
  $log.info("Got Focus");
  // $scope.focusSet = "now you see me";
};

edited Jan 8, 2015 at 21:59

answered Jan 8, 2015 at 21:03

ps0604

1,21728 gold badges157 silver badges379 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

Chris Over a year ago

I tried this. Obviously you cant set a scope.focusSet inside of scope.focusSet function, but after updating the variable it worked. Im new to angular, can you explain why this worked vs my implementation?

Chris Over a year ago

This kind of helps stackoverflow.com/questions/24287954/scope-vs-var-in-angularjs, but im still a little fuzzy on how it relates to var functions.

ps0604 Over a year ago

any attribute name you define in ng-* such as ng-model, ng-click, ng-focus belongs to the controller scope, that's why you have to declare $scope.focusSet

Collectives™ on Stack Overflow

Angularjs input search field focus event?

1 Answer 1

3 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related