como configurar o balão de aviso do Caps Lock em meanstack - css, angularjs, node.js, html5, mean-stack

Eu quero definir a mensagem de balão de advertência caps lock na pilha média.

é possível fazer na pilha média. se sim significa que alguém pode dar algum exemplo.

obrigado

vinoth

Respostas:

Eu acho que este código irá ajudá-lo para sua exigência.

$("input").keypress(function(e) {
var s = String.fromCharCode( e.which );
if ( s.toUpperCase() === s && s.toLowerCase() !== s && !e.shiftKey ) {
alert("caps is on");
}
});

Violino

Você pode capturar o evento keydown no campo de entrada em angular e, em seguida, usar event.getModifierState( "CapsLock" ) para verificar o estado do capslock.

Aqui está um exemplo:

app.controller("MainCtrl", function() {
var ctrl = this;

ctrl.keydown = function(e){
ctrl.capsLockOn = e.getModifierState( "CapsLock" );
}
});

e, em seguida, na sua opinião:

<div ng-controller="MainCtrl as vm">
<input ng-keydown="vm.keydown($event)" />
<p>Is capslock on? {{vm.capsLockOn}}</p>
</div>

Cuidado, event.getModifierState (..) pode não funcionar em todos os navegadores.

Aqui é um plunker para mostrá-lo em ação