【问题标题】:Detecting keys pressed on a div [duplicate]检测在 div 上按下的键 [重复]
【发布时间】:2018-12-09 02:27:35
【问题描述】:

我需要检测 div 上的按键。 In this plunk 我有一个 div,但如果我先单击它然后按一个键(例如 Del),则不会发生任何事件。如何使这项工作?

HTML

Click on the div and press a key:
<div ng-keypress="pressedKey($event)">

</div>
Key pressed: {{myKey}}

Javascript

angular.module("app", [])

.controller('ctl', function($scope) {

    $scope.pressedKey = function(event) {
        $scope.myKey = event.key;
      }

});

【问题讨论】:

    标签: angularjs


    【解决方案1】:

    div 需要可聚焦。只需添加

    tabindex="0"
    

    作为 div 的属性。

    Demo

    【讨论】:

    • Del 未检测到密钥,如何使其工作?
    • 知道了,需要使用ng-keydown
    • 不错的答案 :) - 使用 CSS outline: none; 去除蓝光
    猜你喜欢
    • 1970-01-01
    • 2018-10-02
    • 2016-04-11
    • 2012-12-24
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2020-11-16
    • 1970-01-01
    相关资源
    最近更新 更多