js中鍵盤事件的簡單說明
- 怪我咯原創
- 2017-07-06 11:36:461775瀏覽
這篇文章主要介紹了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中文網其他相關文章！
陳述：
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn
上一篇：js阻止事件追加的具體實作方法下一篇：js阻止事件追加的具體實作方法