JS檢測大寫鎖定鍵(Caps Lock)是否被激活

 在網頁開發設計過程當中,當遇到密碼輸入的時候咱們增長一個當前是否鎖定大寫鍵並提示給用戶這樣將會顯得更加人性化。使用JS咱們如何實現驗證當前是否鎖定大寫鎖呢?下面給你們列出代碼javascript

<script type="text/javascript">
function  detectCapsLock(event)
{
	var e = event||window.event;
	var o = e.target||e.srcElement;
	var oTip = o.nextSibling;
	var keyCode  =  e.keyCode||e.which; // 獲取按鍵的keyCode
	var isShift  =  e.shiftKey ||(keyCode  ==   16 ) || false ;
	// 判斷shift鍵是否按住
	if (
	((keyCode >=   65   &&  keyCode  <=   90 )  &&   !isShift)
	// Caps Lock 打開,且沒有按住shift鍵
	|| ((keyCode >=   97   &&  keyCode  <=   122 )  &&  isShift)
	// Caps Lock 打開,且按住shift鍵
	){ oTip.style.display = ''; }
	else{ oTip.style.display  =  'none'; }
}
document.getElementById('password').onkeypress = detectCapsLock;
</script>

但願對您有所幫助html

轉自:http://www.00isp.com/webdesign/javascript/201202/1184.htmljava

相關文章
相關標籤/搜索