js中鍵盤事件實例簡析
更新時間：2015年01月10日 16:25:36 投稿：shichen2014
這篇文章主要介紹了js中鍵盤事件,以一個較為簡單的實例形式分析了js響應(yīng)鍵盤事件的操作技巧,需要的朋友可以參考下
本文實例分析了js中鍵盤事件。分享給大家供大家參考。具體分析如下：
該實例效果：
按鍵盤上的任意一個鍵，彈出相應(yīng)的ASCII碼，兼容ie，chrome和firefox。
但還是有不少問題：
（1）ie和chrome中，一些鍵沒有效果，如上、下、左、右等；
（2）而firefox中的向右鍵，與單引號鍵，都為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>
希望本文所述對大家的javascript程序設(shè)計有所幫助。
相關(guān)文章
?javascript數(shù)組中的lastIndexOf方法
這篇文章主要介紹了?javascript數(shù)組中的lastIndexOf方法,該方法可返回一個指定的字符串值最后出現(xiàn)的位置，在一個字符串中的指定位置從后向前搜索，下文詳細(xì)內(nèi)容需要的小伙伴可以參考一下2022-03-03
Bootstrap 中的導(dǎo)航組件都依賴同一個 .nav 類和ul，狀態(tài)類也是共用的。改變修飾類可以改變樣式。接下來通過本文給大家介紹bootstrap 導(dǎo)航組件使用方法，一起看看吧2017-01-01
推薦三款不錯的圖片壓縮上傳插件(webuploader、localResizeIMG4、LUploader)
這篇文章主要為大家詳細(xì)介紹了三款不錯的圖片壓縮上傳插件，webuploader、移動端上傳插件localResizeIMG4以及LUploader)2017-04-04
layui添加動態(tài)菜單與選項卡 AJAX請求的例子
今天小編就為大家分享一篇layui添加動態(tài)菜單與選項卡 AJAX請求的例子，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-09-09
JavaScript Typescript基礎(chǔ)使用教程
TypeScript是Microsoft（微軟）開發(fā)的一種開源編程語言，它充分利用了JavaScript原有的對象模型，并在此基礎(chǔ)上進行了擴充，TypeScript設(shè)計目標(biāo)是開發(fā)大型應(yīng)用，它可以編譯成純JavaScript，編譯出來的JavaScript可以運行在任何一種JS運行環(huán)境中2022-12-12
JS使用eval()動態(tài)創(chuàng)建變量的方法
這篇文章主要介紹了JS使用eval()動態(tài)創(chuàng)建變量的方法,詳細(xì)分析了eval函數(shù)的功能及使用eval函數(shù)實現(xiàn)動態(tài)創(chuàng)建變量的步驟與相關(guān)注意事項,需要的朋友可以參考下2016-06-06
淺談SpringMVC中post checkbox 多選框value的值(隱藏域方式)
下面小編就為大家分享一篇淺談SpringMVC中post checkbox 多選框value的值(隱藏域方式)，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-01-01
JS是否可以跨文件同時控制多個iframe頁面的應(yīng)用技巧
這篇文章給大家詳細(xì)介紹了JS是否可以跨文件同時控制多個iframe頁面的應(yīng)用技巧，非常不錯，具有一定的參考借鑒價值，需要的朋友參考下吧2007-12-12
這篇文章主要介紹了JavaScript逆向分析instagram登入過程,本文給大家介紹的非常詳細(xì)，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值，需要的朋友可以參考下2022-07-07
javascript實現(xiàn)的白板效果(可以直接在網(wǎng)頁上寫字)
javascript動畫系列之網(wǎng)頁白板 javascript實現(xiàn)的白板(兼容ff,ie,chrome,……)2010-07-07