javascript - 使用 angular.element 函数动态获取当前焦点

Question

我正在尝试使用 Angular 和 typescript 动态获取当前输入焦点。我正在使用 angular.element([selector]).focus(handler) 函数，但当我单击输入时它不会触发。

这是我的代码:

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);
}

这是我的 html(输入片段):

...

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

...

我做错了什么？

提前致谢:)

编辑:已解决

我能够通过在输入元素上使用ng-focus属性来解决这个问题:

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

以及 Controller 内部:

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

这对我来说效果很好:)

Answer 1

尝试

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

或者如果它不起作用

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