Question

我有一个AngularJS应用程序，当用户在主页上按Enter键时我想调用一个函数。

我知道AngularJS有ngEnter，可以在按下Enter键时用来提交表单，但在我的情况下，操作不是表单提交。我只想在用户按下Enter键时隐藏一个部分。

如何捕获AngularJS控制器中的按键事件，验证按下的键是否为Enter键，然后调用函数？

Answer 1

您可以尝试这样做，每当您按下页面上的某个键时它都会触发。

$document.bind('keyup', function (e) {
 $scope.myFunction (e.keyCode)
});

$scope.myFunction = function(keyVal) {
if (keyVal === 13)
 {
   //Do your stuff here
 }
}

可能对你有帮助，祝你好运。

Answer 2

将此内容写入您的控制器。

// You can do this on any element by getting the element using document.querySelectorAll("#element_id")
        document.body.addEventListener('keypress', function(event){
            if(event.keyCode === 13){
                console.log('You pressed Enter key.');
                // do stuff here
            }
        })

Answer 3

您可以使用ngkeyUp。

更多阅读here。

所以基本上你可以使用它：

input ng-keyup="event=$event">

获取输入并将变量存储在模型中并按照您希望的方式使用它。

您也可以使用ngKeyPress。阅读here。

在没有角度js

3 个答案: