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参数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参数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程序设计有所帮助。
相关文章
这篇文章主要介绍了JS设计模式之访问者模式定义与用法,结合实例形式分析了javascript设计模式中访问者模式的概念、功能、应用场景及使用方法,需要的朋友可以参考下2018-02-02
String.raw是JavaScript中模板字符串的一个标签函数，它的作用是将模板字符串不转义的原始字符串内容返回，接下来通过本文给大家介绍JS冷知识之不起眼但有用的String.raw方法,需要的朋友可以参考下2022-06-06
javascript中的遍历方法有很多,今天主要总结一下这些遍历方法如何跳出循环,这篇文章主要给大家介绍了关于如何跳出map或者foreach循环的相关资料,需要的朋友可以参考下2023-11-11
这篇文章介绍了Javascript页面添加到收藏夹的简单方法，有需要的朋友可以参考一下2013-08-08
这篇文章主要是对在Javascript中克隆一个数组的实现代码进行了介绍。需要的朋友可以过来参考下，希望对大家有所帮助2013-12-12
大家平时在开发的时候有没被new Date()折磨过，反正我是踩过很多坑，今天小编通过本文给大家详细讲解下new date()方法应用思考，感兴趣的朋友一起看看吧2023-04-04
这篇文章主要为大家详细介绍了javascript实现前端分页功能，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-11-11
这篇文章主要介绍了js实现仿QQ秀换装效果的方法,实例分析了javascript操作图片的技巧,具有一定参考借鉴价值,需要的朋友可以参考下2015-03-03
这篇文章主要为大家详细介绍了原生JS实现非常好看的计数器，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-10-10
接着（2）来讲。笔记（2）已经讲了引用和函数重载，接下来讲解作用域。2009-09-09
最新评论