首頁 > web前端 > js教程 > js中鍵盤事件的簡單說明

js中鍵盤事件的簡單說明

怪我咯
發布: 2017-07-06 11:36:46
原創
1788 人瀏覽過

這篇文章主要介紹了js中鍵盤事件,以一個較為簡單的實例形式分析了js響應鍵盤事件的操作技巧,需要的朋友可以參考下

本文實例分析了js中鍵盤事件。分享給大家供大家參考。具體分析如下:

此實例效果:

按鍵盤上的任一鍵,彈出對應的ASCII碼,相容於ie,chrome和firefox。

但還是有不少問題:

(1)ie和chrome中,有些鍵沒有效果,如上、下、左、右等;
(2)而firefox中的向右鍵,與單引號鍵,皆為39。

具體程式碼如下:

程式碼如下:

<html>
<head>
<script type="text/javascript">
 window.onload = function(){
  var bd = document.getElementsByTagName(&#39;body&#39;)[0];
  bd.onkeypress = function(ev){
   ev = ev || window.event;//ie不支持function参数ev
   alert(ev.keyCode || ev.which);//火狐不支持keyCode
  }
 }
</script>
<style type="text/css">
#par{width:300px;height:200px;background:gray;}
#son{width:200px;height:100px;background:green;}
</style>
</head>
<body>
<p id="par">
 <p id="son"></p>
</p>
</body>
</html>
登入後複製

以上是js中鍵盤事件的簡單說明的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板