js中鍵盤事件實例簡析
更新時間：2015年01月10日 16:25:36 投稿：shichen2014
這篇文章主要介紹了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參數(shù)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>
<div id="par">
<div id="son"></div>
</div>
</body>
</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參數(shù)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>
<div id="par">
<div id="son"></div>
</div>
</body>
</html>
希望本文所述對大家的javascript程序設計有所幫助。
相關文章
5款JavaScript顏色選擇器(含jQuery插件)。2009-10-10
javascript html5 canvas實現(xiàn)可拖動省份的中國地圖
這篇文章主要介紹了javascript html5 canvas實現(xiàn)可拖動省份的中國地圖的相關資料,需要的朋友可以參考下2016-03-03
在開發(fā)的時候為什么左邊的數(shù)據(jù)出來比右邊的慢呢？因為這里沒有進行分頁，左邊的數(shù)據(jù)多，所以查詢相對較慢。怎么解決此問題呢？下面小編給大家?guī)砹薐S鼠標滾動分頁效果示例，需要的的朋友參考下吧2017-07-07
本文給大家簡單介紹了下javascript中的字符串和數(shù)組，都是些十分基礎的知識，小伙伴們要學好javascript，一定要把這2點理解清楚。2015-06-06
今天小編就為大家分享一篇關于使用JavaScript保存文本文件到本地的兩種方法，小編覺得內(nèi)容挺不錯的，現(xiàn)在分享給大家，具有很好的參考價值，需要的朋友一起跟隨小編來看看吧2019-01-01
這篇文章全面的為大家解析了bootstrap格子布局的相關資料，感興趣的朋友可以參考一下2016-05-05![非常不錯的[JS]Cookie精通之路](http://img.jbzj.com/images/xgimg/bcimg6.png)
Cookies，有些人喜歡它們，有些人憎恨它們。但是，很少有人真正知道如何使用它們。現(xiàn)在你可以成為少數(shù)人中的成員－可以自傲的 Cookie 大師。2008-06-06
這篇文章主要介紹了Javascript模仿淘寶信用評價功能實現(xiàn)方法,以完整實例形式分析了JavaScript響應鼠標事件動態(tài)改變頁面元素的相關技巧,并附帶了完整的實例代碼供讀者下載參考,需要的朋友可以參考下2015-11-11
本文為大家介紹下javascript中普通函數(shù)的使用，下面有個不錯的示例，感興趣的朋友可以參考下2013-12-12
這篇文章主要為大家詳細介紹了完美實現(xiàn)js焦點輪播效果的相關代碼，采用輔助圖片實現(xiàn)圖片無限滾動，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-03-03