如何使用angular.js开启/关闭大写锁定

时间:2015-10-30 07:17:56

标签: javascript angularjs capslock

我需要一个帮助。我有一个密码字段验证,只接受特殊字符。如果用户输入任何大写字母时输入密码的时间将显示大写锁定通知,何时它将关闭消息应该还显示。请检查下面的现有代码。

NamedTemporaryFile

请帮我解决这个问题。

3 个答案:

答案 0 :(得分:1)

这可以使用ngCapsLock模块

完成

包含相关的js并指定ngCapsLock作为依赖项:

angular.module('myApp', ['ngCapsLock']);

然后

<p class="caps-lock-alert" ng-show='isCapsLockOn'>Caps lock is on</p>

man

答案 1 :(得分:1)

带有大括号支持的简单库。

使用CapsLock.js

大写锁定键的当前状态可以使用isOn函数来确定,如果大写锁定当前显示为on,则返回true,如果它似乎是关闭则返回false:

// check the state of the caps lock key
if (CapsLock.isOn()){

  // caps lock is on

}

http://code.stephenmorley.org/javascript/detecting-the-caps-lock-key/

答案 2 :(得分:0)

对于angularJS开发人员,这是一个工作示例,用于检查按钮是否已激活:

在您的JS文件上:

  $scope.checkCase = function(event) {
        var isOn = event.originalEvent.getModifierState('CapsLock');
        if (isOn) {
            console.log('ON');
        }
    };

HTML:将此添加到您的INPUT中:

 ng-keyup="checkCase($event)"