2014-01-20 39 views
0

如何檢測客戶端的CapsLock按鍵......我試圖創建下面的函數,我想,當一個鍵被按下檢測CapsLock鍵按下網頁上的

<script type="text/javascript" language="javascript"> 
function changeCapsLock(e) { 
    if (typeof capsLockON != 'undefined' && e.keyCode == 20) { 
     capsLockON = !capsLockON; 
     displayMsg();  
    }  
} 

//Display the message if CapsLocks is ON, otherwise conceal the message  
function displayMsg() {  
    if (capsLockON)   
     document.getElementById('divCapsWarning').style.visibility = 'visible'; 
     else 
     document.getElementById('divCapsWarning').style.visibility = 'hidden'; 
    } 
} 

</script> 
</head> 

<body onkeydown="changeCapsLock(event)"> 

推出,但onKeyDown事件當CapsLock被按下時不會觸發?

+0

上述代碼是在MasterPage – Topher

回答

0

從正文onkeydown標籤調用該函數不會發送該事件。您需要將其添加到JavaScript才能發送。

document.body.onkeydown = changeCapsLock; 
+0

謝謝...我不認爲這是一個重複的問題。我想檢測實際的按鍵,而不是頁面啓動時capsLock的狀態......無論如何,我不知道把「document.body.onkeydown = changeCapsLock;」放在哪裏。什麼在處理這個事件? – Topher

+0

我現在明白了。這是一個重複。謝謝 – Topher