js獲取鍵盤按鍵值程式碼例項

admin發表於2017-03-15
JS

在很多事件應用中都需要鍵盤的按鍵值，下面就通過例項程式碼簡單介紹一下如何實現此效果。

程式碼例項如下:

[HTML] 純文字檢視 複製程式碼
<!DOCTYPE html>  
<html>  
<head>  
<meta charset=" utf-8">  
<meta name="author" content="http://www.softwhy.com/" />  
<title>js獲取鍵盤的按鍵值-螞蟻部落</title>  
<script type="text/javascript">  
function keyEvent(ev)  
{  
  var ev=ev||window.event; 
  alert(ev.keyCode);
}  
document.onkeydown=keyEvent;  
</script>  
</head>  
<body> 
</body>  
</html>

以上程式碼當按下鍵盤按鍵的時候，能夠彈出對應的按鍵值。

keyCode屬性在當下能夠相容所有的瀏覽器，不過在比較老版本的火狐瀏覽器不相容此屬性，下面做一下相容性處理，程式碼修改如下:

[HTML] 純文字檢視 複製程式碼
<!DOCTYPE html>  
<html>  
<head>  
<meta charset=" utf-8">  
<meta name="author" content="http://www.softwhy.com/" />  
<title>js獲取鍵盤的按鍵值-螞蟻部落</title>  
<script type="text/javascript">  
function keyEvent(ev)  
{  
  var ev=ev||window.event; 
  var theKeyCode=ev.keyCode?ev.keyCode:ev.whick;
  alert(theKeyCode);
}  
document.onkeydown=keyEvent;  
</script>  
</head>  
<body> 
</body>  
</html>

以上程式碼可以相容較低版本的火狐瀏覽器，其實當下完全可以省略此相容了。

關於keyCode值可以參閱js keyCode屬性一章節。

相關文章