js中键盘事件实例简析


Posted in Javascript onJanuary 10, 2015

本文实例分析了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>

希望本文所述对大家的javascript程序设计有所帮助。

Javascript 相关文章推荐
window.open 以post方式传递参数示例代码
Feb 27 Javascript
jQuery实现跟随鼠标运动图层效果的方法
Feb 02 Javascript
javascript带回调函数的异步脚本载入方法实例分析
Jul 02 Javascript
js去字符串前后空格的实现方法
Feb 26 Javascript
功能强大的Bootstrap效果展示(二)
Aug 03 Javascript
总结Javascript中数组各种去重的方法
Oct 04 Javascript
JS实现搜索框文字可删除功能
Dec 28 Javascript
ReactNative Image组件使用详解
Aug 07 Javascript
使用sessionStorage解决vuex在页面刷新后数据被清除的问题
Apr 13 Javascript
JS实现的新闻列表自动滚动效果示例
Jan 30 Javascript
Node.js折腾记一:读指定文件夹,输出该文件夹的文件树详解
Apr 20 Javascript
用node.js写一个jenkins发版脚本
May 21 Javascript
js中this的用法实例分析
Jan 10 #Javascript
js创建对象的方式总结
Jan 10 #Javascript
js对象继承之原型链继承实例
Jan 10 #Javascript
js对象的复制继承实例
Jan 10 #Javascript
js面向对象之静态方法和静态属性实例分析
Jan 10 #Javascript
js获取会话框prompt的返回值的方法
Jan 10 #Javascript
javascript获取当前鼠标坐标的方法
Jan 10 #Javascript
You might like
我的论坛源代码(一)
2006/10/09 PHP
PHP统计目录大小的自定义函数分享
2014/11/18 PHP
用Javscript实现表单复选框的全选功能
2007/05/25 Javascript
一个XML格式数据转换为图表的例子
2010/02/09 Javascript
本地图片预览(支持IE6/IE7/IE8/Firefox3)经验总结
2013/03/25 Javascript
jQuery UI 实现email输入提示实例
2013/08/15 Javascript
javascript数组去重的六种方法汇总
2015/08/16 Javascript
分享我对JS插件开发的一些感想和心得
2016/02/04 Javascript
教你如何终止JQUERY的$.AJAX请求
2016/02/23 Javascript
基于CSS3和jQuery实现跟随鼠标方位的Hover特效
2016/07/25 Javascript
ajax接收后台数据在html页面显示
2017/02/19 Javascript
从零学习node.js之express入门(六)
2017/02/25 Javascript
vue.js加载新的内容(实例代码)
2017/06/01 Javascript
Textarea输入字数限制实例(兼容iOS&amp;安卓)
2017/07/06 Javascript
Nodejs 和 Electron ubuntu下快速安装过程
2018/05/04 NodeJs
vue.js 添加 fastclick的支持方法
2018/08/28 Javascript
javascript事件监听与事件委托实例详解
2019/08/16 Javascript
微信小程序下拉加载和上拉刷新两种实现方法详解
2019/09/05 Javascript
详解vue3.0 diff算法的使用(超详细)
2020/07/01 Javascript
[43:35]EG vs Winstrike 2018国际邀请赛小组赛BO2 第一场 8.18
2018/08/19 DOTA
在Docker上部署Python的Flask框架的教程
2015/04/08 Python
Django查找网站项目根目录和对正则表达式的支持
2015/07/15 Python
详解python脚本自动生成需要文件实例代码
2017/02/04 Python
Python爬虫:通过关键字爬取百度图片
2017/02/17 Python
Python操作csv文件实例详解
2017/07/31 Python
python实现txt文件格式转换为arff格式
2018/05/31 Python
Django 连接sql server数据库的方法
2018/06/30 Python
使用 Python 实现微信群友统计器的思路详解
2018/09/26 Python
Python第三方库face_recognition在windows上的安装过程
2019/05/03 Python
Rossignol金鸡美国官网:始于1907年法国百年雪具品牌
2019/03/06 全球购物
高级护理专业毕业生推荐信
2013/12/25 职场文书
党的群众路线教育实践活动学习笔记范文
2014/11/06 职场文书
投标承诺函格式
2015/01/21 职场文书
2016年党员干部公开承诺书
2016/03/24 职场文书
导游词之河北野三坡
2019/12/11 职场文书
MySQL常见优化方案汇总
2022/01/18 MySQL