如何設置Caps Lock警告氣球在meanstack中

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')檢查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