Question

我有一个指令，里面有几个输入，我有一个特定的输入，我需要在按下输入时执行一个功能。

这是我执行函数所需的输入。

<input type="text" class="form-control" ng-model="cep" id="inputcep">

我有一个jquery函数，它使用一个掩码插件和一个按键监听器来阻止enter键的默认操作并执行该函数。我的问题是没有调用按键，但正在应用掩码：/

$(document).ready(function () {
         $('#inputcep')
              .keypress(function(ev){
                  console.log(ev);
                  if(ev.keyCode == 13){
                       ev.preventDefault();
                       scope.searchCep(scope.cep);
                   }
            })
            .mask('00000-000');
});

Answer 1

使用angular而不是jQuery：

https://docs.angularjs.org/api/ng/directive/ngKeypress

Answer 2

如下所示创建自定义指令。

<强>指令

app.directive('customDir', function() {
    return function(scope, element, attrs) {
        element.bind("keydown keypress", function(event) {
            element.keypress(function(ev) {
                console.log(ev);
                if (ev.keyCode == 13) {
                    ev.preventDefault();
                    scope.searchCep(scope.cep);
                }
            }).mask('00000-000');
        });
    };
});

一段jquery代码在angular指令中不起作用

2 个答案: