Como detectar quando o caps lock está ativado / desativado usando angular.js - javascript, angularjs, capslock

Eu preciso de uma ajuda.Eu tenho uma validação de arquivo de senha que leva apenas o caractere especial. No momento de digitar a senha, se o usuário estiver digitando qualquer letra maiúscula, o caps lock na notificação será exibido e quando ela for desativada, a mensagem também deverá ser exibida. Verifique meu código existente abaixo.

<span class="input-group-addon ndrftextwidth text-right" style="width:180px">Password :</span>
<div ng-class="{ "has-error": billdata.pass.$touched && billdata.pass.$invalid }">
<input type="{{inputType}}" name="pass" id="contactno" class="form-control" placeholder="password" ng-model="password" ng-minlength="8" ng-pattern="/^(?=.*[A-Z])(?=.*d)(?=.*[a-z]).*_.*/" >
</div>
</div>
<div class="help-block" ng-messages="billdata.pass.$error" ng-if="billdata.pass.$touched">
<p ng-message="minlength" style="color:#F00;">This field is too short.The min length of your password should be 8.</p>
<p ng-message="pattern" style="color:#F00;">This field needs the special character like at least one number,upper case,lower case letter and underscore.</p>

</div>

Por favor me ajude a resolver esse problema.

Respostas:

Biblioteca simples com suporte a capslock.

Usando CapsLock.js

O status atual da tecla Caps Lock pode ser determinado usando a função isOn, que retorna verdadeiro se o caps lock atualmente parece estar ativado e falso se parece estar desativado:

// 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/

isso pode ser feito usando ngCapsLock módulo

inclua js relevantes e especifique ngCapsLock como uma dependência:

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

então

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

ngCapsLock