如何在meanstack中设置Caps Lock警告气球

Question

我想在meanstack中设置大写锁定警告气球消息。

是否可以在平均堆栈中进行。如果是的话，任何人都可以举一些例子。

感谢

vinoth

Answer 1

我认为此代码可以帮助您满足您的要求。

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

Fiddle

Answer 2

您可以以角度捕获输入字段上的keydown事件，然后使用event.getModifierState( 'CapsLock' )检查大写锁定状态。

以下是一个例子：

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

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

然后在你看来：

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

<强> Beware, event.getModifierState(..) might not work in all browsers.

Here's a plunker to show it in action