首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >在没有angular js输入字段的页面上捕获按键

在没有angular js输入字段的页面上捕获按键
EN

Stack Overflow用户
提问于 2016-12-15 18:35:46
回答 3查看 1.1K关注 0票数 0

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

我知道AngularJS有一个ngEnter,当按下Enter键时,它可以用来提交表单,但在我的例子中,这个操作不是表单提交。我只想在用户按回车键时隐藏一个部分。

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

EN

回答 3

Stack Overflow用户

发布于 2016-12-15 18:48:19

你可以试试这个,它会在你每次按下页面上的一个键时触发。

代码语言:javascript
运行
复制
$document.bind('keyup', function (e) {
 $scope.myFunction (e.keyCode)
});

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

也许它能帮到你,祝你好运。

票数 3
EN

Stack Overflow用户

发布于 2016-12-15 18:50:20

把这段代码写进你的控制器。

代码语言:javascript
运行
复制
// 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
            }
        })
票数 0
EN

Stack Overflow用户

发布于 2016-12-15 18:39:12

您可以使用ngkeyUp

有关更多信息,请阅读here

所以基本上你可以使用这个:

代码语言:javascript
运行
复制
input ng-keyup="event=$event">

获取输入并将变量存储在模型中,并以您想要的方式使用它。

您也可以使用ngKeyPress。阅读here

票数 -1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/41162019

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档