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