Get current focus dynamically with angular.element function

Question

I'm trying to get the current input focus dinamically with angular and typescript. I'm using the angular.element([selector]).focus(handler) function but it does not trigger when i click on an input.

This is my code:

class TemplateController {
    lastFocused: HTMLInputElement;

    static $inject = ['$scope'];
    constructor(private $scope: ng.IScope) {

        angular.element("input[type='text']").focus((): void => {
            this.lastFocused = document.activeElement as HTMLInputElement;
            console.log("FOCUSED");
        });
    }
}

angular
    .module("app")
    .controller("[...]templateController", TemplateController);
}

And this is my html (input snippet):

...

<input class="form-control" type="text" id="title" name="title" size="30" ng-maxlength="1000" required />

...

What I'm doing wrong?

Thanks in advance :)

EDIT: Solved

I was able to solve this problem by using ng-focus attribute on the input element:

<input class="form-control" type="text" id="title" name="title" size="30" ng-maxlength="1000" required ng-focus="templateCtrl.setFocusedElement()" />

and inside the controller:

setFocusedElement(): void {
    this.$scope.lastFocused = document.activeElement;
}

This works fine for me :)

Filippo oretti · Accepted Answer · 2016-05-12 16:13:05Z

1

Try

angular.element('input').triggerHandler('focus');

or if it doesn't work

angular.element('input').triggerHandler('click');

answered May 12, 2016 at 16:13

Filippo oretti

50k96 gold badges230 silver badges351 bronze badges

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

Collectives™ on Stack Overflow

Get current focus dynamically with angular.element function

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related