javascript - 检查按钮单击时大写锁定是否打开或关闭

Question

我有一个应用程序，其中有一个文本框和一个按钮。我希望应用程序的行为方式是当用户在文本框中键入一些文本时，然后当用户单击按钮时，它应该显示是否大写锁定打开或关闭

Answer 1

看看前面的这个问题：你如何判断 caps lock 是否在使用 JavaScript？那里有一些很棒的脚本/响应。

Answer 2

在 jQuery 中，

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

避免错误，例如退格键，需要 s.toLowerCase() !== s。

你试过这个代码吗？

function isCapslock(e){

    e = (e) ? e : window.event;

    var charCode = false;
    if (e.which) {
        charCode = e.which;
    } else if (e.keyCode) {
        charCode = e.keyCode;
    }

    var shifton = false;
    if (e.shiftKey) {
        shifton = e.shiftKey;
    } else if (e.modifiers) {
        shifton = !!(e.modifiers & 4);
    }

    if (charCode >= 97 && charCode <= 122 && shifton) {
        return true;
    }

    if (charCode >= 65 && charCode <= 90 && !shifton) {
        return true;
    }

    return false;

}

Answer 3

您可以使用capslockstate jQuery 插件。

单击按钮时，您可以调用$(window).capslockstate("state");它，这将告诉您 Caps Lock 键的状态。

请注意，Caps Lock 键的状态不必与他们键入文本和单击按钮时的状态相同。