javascriptイベント処理

Question

私はcapslockをオンにするかどうかを確認するためのパスワードフィールドを作成したいと思います。ユーザーが小文字で値を入力し、別のフィールドを試行すると、パスワード値を検証します。したがって、押されたすべてのキーに対してonkeypressを使用し、最後にonblurを使用します。

しかし、私が直面している問題は、onkeypressがonblurにチェックされる度に実行されることです。

<input type="password" size=50 id='r5PswFld' name="name" value="" onkeypress="checkCapsLock(event)" onblur=chkPsw(this.id) > 

誰でもこの達成方法を教えてください。

私は私私のjQueryのような無他の技術を用いてこれだけではJavaScript/HTML/CSSを行うことができていた場合

より良い事前のおかげで... ...

Answer 1

このイベントは、解雇されました。

document.getElementById("r5PswFld").onblur = function(chkPsw(this.id)'){}; 

あなた自身が離れて集中す​​るアクションを実行する必要が判明した場合は、それを取り外し：あなたはcheckCapsLockそれを発射

document.getElementById("r5PswFld").onblur = function(){}; 

次の時間

はあなたcheckCapsLock(event)を開始する時のonblurを添付しますあなたがする必要がある場合は反応するでしょう。また、onblue属性をコードから完全に削除することもできます。

つまり、onblurの検証には注意してください。もし目障りであれば（alertのように）、すぐにユーザーにとって非常に不満を感じる可能性があります。以下のコメントに安息で

EDIT

、私は他のぼかしバインディングの問題を修正しようと思いました。私は好みのためにjQueryを使用します。いいえ、blurイベントは、同じように実行されません

$("#r5PswFld").blur(MyBlurFunc); 

を

$("#r5PswFld").unbind('blur', MyBlurFunc); 

Answer 2

なぜあなたはそれを変更しないだろうそれが有効になる前にonblurイベントをlowecaseする？

Answer 3

残念ながら、フォーカスがフィールドから残っているときにはいつでもonblurが呼び出されます。つまり、capslockをオンにしたことをユーザーに知らせる何らかのメッセージボックスを開くと、フォーカスが取り除かれてonblurイベントがトリガーされます。

代わりに、メッセージボックスを開く前にtrueに設定するフラグを有効にして、chkPswを入力した場合に無視することができます。

は、言い換えれば、あなたは他のチェックボックスの入力をチェックして、あなたは離れて現在のコントロールからフォーカスをぼかしているので

var flgEventsOff = false; 
function checkCapsLock(event) { 
    if (fieldValueIsUpper) { 
     flgEventsOff = true; 
     alert('Please turn off capslock!'); 
     flgEventsOff = false; 
    } 
} 

function chkPsw(id) { 
    if(!flgEventsOff) { 
     // Validate password 
    } 
} 

Answer 4

をバインド解除するには：バインドするに

function MyBlurFunc(){ 
    chkPsw(this.id); 
} 

：

正しい解決策は、次のようになりますkeyPressイベントが発生した時刻。私は、あなたのイベントハンドラ内にalert()というステートメントがあると仮定します。これはフォーカスを失います。