如何在平均堆栈中设置 Caps Lock 警告气球答案

【问题标题】：how to set the Caps Lock warning balloon in meanstack如何在平均堆栈中设置 Caps Lock 警告气球
【发布时间】：2017-07-06 10:30:45
【问题描述】：

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

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

谢谢

维诺特

【问题讨论】：

请发布您到目前为止所尝试的内容。
如果您没有得到想要的答案，您的问题可能不准确或缺少信息。请考虑准确描述您想要做什么。例如。如果您只想知道如何创建弹出框，那么这是需要包含的重要信息。

标签： css angularjs node.js html mean-stack

【解决方案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

【讨论】：

我已经尝试过这个我只是想知道如何创建那个气球符号

【解决方案2】：

您可以在 angular 中捕获输入字段上的 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

【讨论】：