Question

我正在尝试在键入密码期间显示CAPS锁定键时显示弹出窗口，代码工作正常，当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

TRY

<强>更新

HTML

Type Here: <input type="text" id="textbox"> On each keypress I will tell if caps lock is on CAPS LOCK: </spa n的＆GT;

JQUERY

//<![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

更新答案：检测大写字母

以下是DEMO 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!');
    }
});

CAPS锁定弹出窗口

2 个答案:

更新答案：检测大写字母