当前位置: 首页 > 面试题库 >

是否可以使用ng-keypress收听箭头按键?

曹均
2023-03-14
问题内容

我正在尝试创建类似于konami代码“向上,向上,向下,向下,a,b,a,b,enter”的交互->发生了某些情况。

是否可以使用ng-keypress收听箭头按键?似乎不起作用?

的HTML:

input( ng-keypress='changed($event)'  )

s

$scope.changed = (evt) ->
    console.log(evt)

这不会注销箭头键事件吗?

我是否必须在窗口上推出自己的听众?如果是这样,我如何才能做到这一点?


问题答案:

演示

$scope.key = function($event){
    console.log($event.keyCode);
    if ($event.keyCode == 38)
        alert("up arrow");
    else if ($event.keyCode == 39)
        alert("right arrow");
    else if ($event.keyCode == 40)
        alert("down arrow");
    else if ($event.keyCode == 37)
        alert("left arrow");
}

编辑

从更改ng-keypressng-keydown. DEMO

<input ng-keydown="key($event)" />


 类似资料:
  • 对于使用箭头键,首先必须存储它以分析它。这就是为什么我使用来存储它。但是当我尝试运行这段代码时,当我按下向上键时,它显示,当我按下回车键时,这个删除并退出程序,而不打印和

  • 问题内容: 我将AngularJS与生成html响应的第三方服务一起使用。我想使用ng-repeat将HTML响应呈现为列表,但是Angular将其呈现为文本。 是否可以使用ng-repeat呈现HTML属性? 我创建了这个jsFiddle来演示我的问题。 http://jsfiddle.net/DrtNc/1/ 问题答案: 我认为使用可以满足您的需求。 这是一个有效的小提琴:http : //j

  • 没有CQ/AEM方面的经验,但已陷入困境。 我有一个方法,我们会有一个网络前端(使用Ember.js/handlebars构建)调用一个网络服务,该服务反过来将数据(例如,你看了多少电影)与适当的内容(例如,网络服务知道在CMS中查找节点X;“谢谢你看了所有这些电影!”)并在一个JSON文档中返回副本、图像和数据。 当我对CMS有一个RESTful API时,它的效果非常好。 然而,我现在被要求将

  • 问题内容: 我想始终显示输入“数字”字段的上/下箭头。这可能吗?到目前为止,我还没有任何运气… HTML: CSS: 问题答案: 您可以使用Opacity属性(至少在Chrome中)实现此目的: 如上所述,这可能仅在Chrome中有效。因此,请谨慎使用此代码,不要对其他浏览器进行回退。

  • 我希望始终显示输入“数字”字段的上/下箭头。这可能吗?到目前为止我还没有任何运气 http://jsfiddle.net/oneeezy/qunbnL6u/ HTML: CSS:

  • 问题内容: 我对正则表达式很糟糕,但是我想知道是否可以将ng-pattern与变量一起使用 例如, 其中validationCode是控制器中附加到$ scope的变量 如果 则ng-pattern将是 但这不起作用,似乎我需要创建一个我真的不想要的自定义指令 问题答案: 需要一个正则表达式。 从Angular的文档中有关: 如果该值与模式表达式不匹配,则设置模式验证错误键。期望值用于内联模式或定