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 相关文章推荐
js表数据排序 sort table data
Feb 18 Javascript
JavaScript replace(rgExp,fn)正则替换的用法
Mar 04 Javascript
jQuery+.net实现浏览更多内容(改编php版本)
Mar 28 Javascript
使用Sticker.js实现贴纸效果
Jan 28 Javascript
基于JavaScript实现生成名片、链接等二维码
Sep 20 Javascript
JS命令模式例子之菜单程序
Oct 10 Javascript
js与jQuery实现的用户注册协议倒计时功能实例【三种方法】
Nov 09 jQuery
jQuery.extend 与 jQuery.fn.extend的用法及区别实例分析
Jul 25 jQuery
Vuex mutitons和actions初使用详解
Mar 04 Javascript
JS中的算法与数据结构之字典(Dictionary)实例详解
Aug 20 Javascript
Node.js实现简单管理系统
Sep 23 Javascript
通过GASP让vue实现动态效果实例代码详解
Nov 24 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
PHP验证码函数代码(简单实用)
2013/09/29 PHP
PHP往XML中添加节点的方法
2015/03/12 PHP
PHP的Yii框架中行为的定义与绑定方法讲解
2016/03/18 PHP
Yii数据模型中rules类验证器用法分析
2016/07/15 PHP
laravel 实现上传图片到本地和前台访问示例
2019/10/21 PHP
用jscript实现新建word文档
2007/06/15 Javascript
js获得指定控件输入光标的坐标兼容IE,Chrome,火狐等多种主流浏览器
2013/05/21 Javascript
js页面跳转的问题(跳转到父页面、最外层页面、本页面)
2013/08/14 Javascript
JavaScript中使用Object.prototype.toString判断是否为数组
2015/04/01 Javascript
JavaScript实现模仿桌面窗口的方法
2015/07/18 Javascript
jQuery模仿京东/天猫商品左侧分类导航菜单效果
2016/06/29 Javascript
任意Json转成无序列表的方法示例
2016/12/09 Javascript
Angular搜索 过滤 批量删除 添加 表单验证功能集锦(实例代码)
2017/10/25 Javascript
Vue中&quot;This dependency was not found&quot;问题的解决方法
2018/06/19 Javascript
[01:33]完美世界DOTA2联赛PWL S3 集锦第二期
2020/12/21 DOTA
关于Django显示时间你应该知道的一些问题
2017/12/25 Python
Python Learning 列表的更多操作及示例代码
2018/08/22 Python
深入浅析Python获取对象信息的函数type()、isinstance()、dir()
2018/09/17 Python
tensorflow 实现自定义梯度反向传播代码
2020/02/10 Python
Python 找出出现次数超过数组长度一半的元素实例
2020/05/11 Python
python 绘制场景热力图的示例
2020/09/23 Python
python 实现socket服务端并发的四种方式
2020/12/14 Python
使用HTML5加载音频和视频的实现代码
2020/11/30 HTML / CSS
如何查询Oracle数据库中已经创建的索引
2013/10/11 面试题
商得四方公司面试题(gid+)
2014/04/30 面试题
XML文档定义有几种形式?它们之间有何本质区别?解析XML文档有哪几种方式?
2016/01/12 面试题
客户代表实习人员自我鉴定
2013/09/27 职场文书
违反校纪校规检讨书
2014/02/15 职场文书
婚庆司仪主持词
2014/03/15 职场文书
学校食堂食品安全责任书
2014/07/28 职场文书
化学专业毕业生求职信
2014/07/28 职场文书
2014年机关后勤工作总结
2014/12/16 职场文书
通知格式
2015/04/27 职场文书
工作态度恶劣检讨书
2015/05/06 职场文书
公司借条范本
2015/05/25 职场文书
TV动画「神渣☆爱豆」公开第一弹主视觉图
2022/03/21 日漫