javascript - 大写锁定弹出框

Question

我试图在输入密码期间打开 CAPS 锁定键时显示弹出框，代码工作正常，弹出框在 CAPS 开启时显示，在未打开时隐藏。但是，当我单击密码字段时，我也会弹出窗口，即使大写字母没有打开。

我需要一些帮助。

<input rel="popover" data-placement="right" data-content="CAPS IS ON" type="password" id="txtPassword" name="password" class="input-xlarge" value="" size="20" />

<script type="text/javascript">
    jQuery('#txtPassword').keypress(function(e) { 
        var s = String.fromCharCode( e.which );
        if ( s.toUpperCase() === s && s.toLowerCase() !== s && !e.shiftKey ) {
            jQuery('#txtPassword').popover('show');
        }
        else {
            jQuery('#txtPassword').popover('hide');
        };
    });
</script>

Answer 1

尝试

更新

HTML

Type Here:<br><input type="text" id="textbox"><br>On each keypress I will tell if caps lock is on<br><br> CAPS LOCK: <span id="cap"></span>

查询

//<![CDATA[ 
$(window).load(function(){
$('#textbox').keypress(function(e) { 
    var s = String.fromCharCode( e.which );
    if (s.toUpperCase() === s && s.toLowerCase() !== s && !e.shiftKey) {
        $('#cap').removeClass('red').addClass('green').html('ON');
    } else {
        $('#cap').removeClass('green').addClass('red').html('OFF');
    }
});
});//]]> 


css
.red {
  color: red;    
  font-weight:bold;
}
.green {
  color: green;
  font-weight:bold;    
}

Answer 2

更新答案：检测大写字母

这是演示http://jsfiddle.net/yeyene/Z52Az/4/

使用这个脚本，

$('#txtPassword').keyup(function () {
    var character = $('#txtPassword').val();
    var lastChar = character.substr(character.length - 1);
    if (lastChar == lastChar.toUpperCase()) {
        alert ('You typed capital letter!');
    }
});