ボタンのクリックでcapslockがオンまたはオフになる

Question

テキストボックスとボタンが1つあるアプリケーションがあります。ユーザーがテキストボックスにテキストを入力すると、ユーザがボタンをクリックすると、capslockがオンであるかオフであるかが表示されます。

Answer 1

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 2

この前の質問をご覧ください。How do you tell if caps lock is on using JavaScript?には素晴らしいスクリプト/応答があります。

Answer 3

あなたはcapslockstate jQueryプラグインを使用することができます。

ボタンをクリックすると、$(window).capslockstate("state");と呼ぶことができ、これはCaps Lockキーの状態を示します。

Caps Lockキーの状態は、テキストを入力したときとボタンをクリックしたときと同じである必要はありません。