這篇文章主要介紹了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('body')[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中文網其他相關文章!