用Javascript檢測大小寫鍵是否開著
來源:程序員人生 發布時間:2014-04-17 21:31:08 閱讀次數:3537次
剛看了一段老外的代碼,發覺不起作用,我用的 MS IE6,可是我大寫鍵并未打開,按字母也提示
<scrīpt>
function capLock(e){
kc = e.keyCode?e.keyCode:e.which;
sk = e.shiftKey?e.shiftKey:((kc == 16)?true:false);
if(((kc >= 65 && kc <= 90) && !sk)||((kc >= 97 && kc <= 122) && sk))
document.getElementById('divMayus').style.visibility = 'visible';
else
document.getElementById('divMayus').style.visibility = 'hidden';
}
</scrīpt>
<input type="password" name="txtPassword" ōnkeypress="capLock(event)" />
<div id="divMayus" style="visibility:hidden">Caps Lock is on.</div>
后來我突然想到 toLowerCase() 這個方法,如果大小寫鍵開著,鍵入的值和該值的小寫一定不同,這樣子對比,不就知道了大寫鍵是否打開了嗎?
<scrīpt>
function capLock(){
kc = event.srcElement.value;
if(kc!=kc.toLowerCase())
document.getElementById('divMayus').style.visibility = 'visible';
else
document.getElementById('divMayus').style.visibility = 'hidden';
}
</scrīpt>
<input type="test" name="txtPassword" ōnkeyup="capLock()" />
<div id="divMayus" style="visibility:hidden">Caps Lock is on.</div>
寫完了發現兩個問題,1)是大寫鍵開著,但是如果只輸入數字,仍然不會給提示。所幸的是,數字沒大小寫之分; 2)只要輸入了一個大寫字母,以后即使大寫鍵關了,也仍然給提示,那我想就只有設置一個變量來保存之前輸入的了,可是這樣似乎麻煩了許多
另一個辦法是,就檢測最后輸入的那個字符,具體代碼還沒寫,回頭再說吧 。
生活不易,碼農辛苦
如果您覺得本網站對您的學習有所幫助,可以手機掃描二維碼進行捐贈