Javascript 模糊，密码输入不起作用

Question

我有这样的代码:

    var passwordTextBox = angular.element("#password");
    passwordTextBox.blur(function() {

       //do smth.
    });

 <input type="password" class="form-control" data-ng-model="Password" id="password" placeholder="Enter password">

当我点击密码框外部时，模糊不会被触发，但如果我开始在另一个框中输入内容，模糊就会被触发。

如果输入类型是文本，此代码没有问题。

为什么会发生这种情况？我做错了什么？

Answer 1

你肯定做错了。首先，任何时候在幕后进行 DOM 操作都是一个危险信号。指令应该是唯一可以做到这一点的东西，并且在大多数情况下，Angular 拥有您需要的大部分内容。

也就是说， Angular 支持原生模糊。您只需将其绑定(bind)到 Controller 函数，如下所示:

<input type="password" class="form-control" data-ng-blur="someFunction()" data-ng-model="Password" id="password" placeholder="Enter password">

在 Controller 中:

...
scope.someFunction = function(){
 //do things
}
...