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读取ASP设定的COOKIE
Feb 15 Javascript
javascript中全局对象的isNaN()方法使用介绍
Dec 19 Javascript
JavaScript将页面表格导出为Excel的具体实现
Dec 27 Javascript
了不起的node.js读书笔记之node.js中的特性
Dec 22 Javascript
swiper动态改变滑动内容的实现方法
Jan 17 Javascript
Vue 开发音乐播放器之歌手页右侧快速入口功能
Aug 08 Javascript
vue-router动态设置页面title的实例讲解
Aug 30 Javascript
ajaxfileupload.js实现上传文件功能
Apr 19 Javascript
vue.js表单验证插件(vee-validate)的使用教程详解
May 23 Javascript
Vue中遍历数组的新方法实例详解
Jul 21 Javascript
jQuery加PHP实现图片上传并提交的示例代码
Jul 16 jQuery
在vue中封装方法以及多处引用该方法详解
Aug 14 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学习笔记汇总
2014/10/05 PHP
js代码实现微博导航栏
2015/07/30 PHP
PHP Yii框架之表单验证规则大全
2015/11/16 PHP
PHP两种实现无级递归分类的方法
2017/03/02 PHP
JavaScript 组件之旅(一)分析和设计
2009/10/28 Javascript
jQuery maxlength文本字数限制插件
2010/04/16 Javascript
js制作简易年历完整实例
2015/01/28 Javascript
jQuery插件实现静态HTML验证码校验
2015/11/06 Javascript
有关JavaScript中call()和apply() 的一些理解
2016/05/20 Javascript
jQuery使用经验小技巧(推荐)
2016/05/31 Javascript
JavaScript中函数声明与函数表达式的区别详解
2016/08/18 Javascript
JS编写函数实现对身份证号码最后一位的验证功能
2016/12/29 Javascript
javascript 动态生成css代码的两种方法
2017/03/17 Javascript
详解如何让InstantClick兼容MathJax、百度统计等
2017/09/12 Javascript
基于JavaScript实现幸运抽奖页面
2020/07/05 Javascript
JS中的JSON对象的定义和取值实现代码
2018/05/09 Javascript
vue2.0项目实现路由跳转的方法详解
2018/06/21 Javascript
layui中select,radio设置不生效的解决方法
2019/09/05 Javascript
JavaScript canvas实现文字时钟
2021/01/10 Javascript
[47:46]完美世界DOTA2联赛 Magma vs GXR 第三场 11.07
2020/11/10 DOTA
python数据库操作常用功能使用详解(创建表/插入数据/获取数据)
2013/12/06 Python
python获取多线程及子线程的返回值
2017/11/15 Python
python中字符串内置函数的用法总结
2018/09/13 Python
全网首秀之Pycharm十大实用技巧(推荐)
2020/04/27 Python
python编写softmax函数、交叉熵函数实例
2020/06/11 Python
python3字符串输出常见面试题总结
2020/12/01 Python
Python3中对json格式数据的分析处理
2021/01/28 Python
经济学人订阅:The Economist
2018/07/19 全球购物
临床医学专业个人的自我评价
2013/09/27 职场文书
业务员的岗位职责
2014/03/15 职场文书
计算机求职自荐信范文
2014/04/19 职场文书
北京申奥口号
2014/06/19 职场文书
个人作风纪律整顿整改措施
2014/10/25 职场文书
财务会计岗位职责
2015/02/03 职场文书
2015初中团支部工作总结
2015/07/21 职场文书
压缩Redis里的字符串大对象操作
2021/06/23 Redis