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 相关文章推荐
不懂JavaScript应该怎样学
Apr 16 Javascript
jQuery中hover方法和toggle方法使用指南
Feb 27 Javascript
JavaScript中通过提示框跳转页面的方法
Feb 14 Javascript
JS+canvas绘制的动态机械表动画效果
Sep 12 Javascript
利用ECharts.js画K线图的方法示例
Jan 10 Javascript
JavaScript实现获取select下拉框中第一个值的方法
Feb 06 Javascript
vue-cli 目录结构详细讲解总结
Jan 15 Javascript
vue通过数据过滤实现表格合并
Nov 30 Javascript
原生JS实现汇率转换功能代码实例
May 13 Javascript
解决Ant Design Modal内嵌Form表单initialValue值不动态更新问题
Oct 29 Javascript
解决vue props传Array/Object类型值,子组件报错的情况
Nov 07 Javascript
关于element的表单组件整理笔记
Feb 05 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
详解Yii2 定制表单输入字段的标签和样式
2017/01/04 PHP
子窗口、父窗口和Silverlight之间的相互调用
2010/08/16 Javascript
js 去掉空格实例 Trim() LTrim() RTrim()
2014/01/07 Javascript
浅析tr的隐藏和显示问题
2014/03/05 Javascript
javascript实现des解密加密全过程
2014/04/03 Javascript
使用jQuery实现验证上传图片的格式与大小
2014/12/03 Javascript
JavaScript中遍历对象的property的3种方法介绍
2014/12/30 Javascript
jQuery向后台传入json格式数据的方法
2015/02/13 Javascript
JQuery中基础过滤选择器用法实例分析
2015/05/18 Javascript
jquery仅用6行代码实现滑动门效果
2015/09/07 Javascript
浅析Bootstrap缩略图组件与警示框组件
2016/04/29 Javascript
有关jQuery中parent()和siblings()的小问题
2016/06/01 Javascript
javascript鼠标滑过显示二级菜单特效
2020/11/18 Javascript
JS变量及其作用域
2017/03/29 Javascript
webpack多入口多出口的实现方法
2018/08/17 Javascript
electron制作仿制qq聊天界面的示例代码
2018/11/26 Javascript
vue多页面项目中路由使用history模式的方法
2019/09/23 Javascript
谈一谈vue请求数据放在created好还是mounted里好
2020/07/27 Javascript
[01:15:29]DOTA2上海特级锦标赛主赛事日 - 3 胜者组第二轮#2Secret VS EG第三局
2016/03/04 DOTA
[02:38]DOTA2亚洲邀请赛小组赛精彩集锦:Wings完美团击溃对手
2017/03/29 DOTA
通过5个知识点轻松搞定Python的作用域
2016/09/09 Python
使用requests库制作Python爬虫
2018/03/25 Python
numpy添加新的维度:newaxis的方法
2018/08/02 Python
Python 做曲线拟合和求积分的方法
2018/12/29 Python
pandas的排序和排名的具体使用
2019/07/31 Python
Python3监控windows,linux系统的CPU、硬盘、内存使用率和各个端口的开启情况详细代码实例
2020/03/18 Python
pytorch 中的重要模块化接口nn.Module的使用
2020/04/02 Python
Django model class Meta原理解析
2020/11/14 Python
python 视频下载神器(you-get)的具体使用
2021/01/06 Python
使用css3制作动感导航条示例
2014/01/26 HTML / CSS
理工类毕业自我鉴定
2014/02/20 职场文书
服务质量承诺书
2014/03/27 职场文书
党员个人对照检查材料思想汇报
2014/09/16 职场文书
大学生村官入党自传
2015/06/26 职场文书
python基于tkinter制作下班倒计时工具
2021/04/28 Python
CSS实现五种常用的2D转换
2021/12/06 HTML / CSS