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 相关文章推荐
合并table相同单元格的jquery插件分享(很精简)
Jun 20 Javascript
Array.prototype.concat不是通用方法反驳[译]
Sep 20 Javascript
jquery弹出框的用法示例(2)
Aug 26 Javascript
jquery操作复选框checkbox的方法汇总
Feb 05 Javascript
JS实现仿Windows7风格的网页右键菜单效果代码
Sep 11 Javascript
JavaScript获取各大浏览器信息图示
Nov 20 Javascript
jQuery实现简单的文件上传进度条效果
Mar 26 Javascript
JavaScript引用类型和基本类型详解
Jan 06 Javascript
解决URL地址中的中文乱码问题的办法
Feb 10 Javascript
源码分析Vue.js的监听实现教程
Apr 23 Javascript
vue-router传递参数的几种方式实例详解
Nov 13 Javascript
JavaScript变量作用域及内存问题实例分析
Jun 10 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简单系统查询模块代码打包下载
2008/06/07 PHP
CodeIgniter基本配置详细介绍
2013/11/12 PHP
zf框架的zend_cache缓存使用方法(zend框架)
2014/03/14 PHP
PHP实现的敏感词过滤方法示例
2019/03/06 PHP
js字符串日期yyyy-MM-dd转化为date示例代码
2014/03/06 Javascript
indexOf 和 lastIndexOf 使用示例介绍
2014/09/02 Javascript
易操作的jQuery表单提示插件
2015/12/01 Javascript
jQuery css() 方法动态修改CSS属性
2016/09/25 Javascript
浅谈移动端之js touch事件 手势滑动事件
2016/11/07 Javascript
bootstrap导航栏、下拉菜单、表单的简单应用实例解析
2017/01/06 Javascript
详解jQuery中ajax.load()方法
2017/01/25 Javascript
JQuery实现文字无缝滚动效果示例代码(Marquee插件)
2017/03/07 Javascript
基于vue的fullpage.js单页滚动插件
2017/03/20 Javascript
jQuery使用bind函数实现绑定多个事件的方法
2017/10/11 jQuery
React组件中的this的具体使用
2018/02/28 Javascript
JavaScript 中的12种循环遍历方法【总结】
2018/05/31 Javascript
vue中解决拖拽改变存在iframe的div大小时卡顿问题
2020/07/22 Javascript
Python入门篇之函数
2014/10/20 Python
python脚本实现数据导出excel格式的简单方法(推荐)
2016/12/30 Python
Python实现向服务器请求压缩数据及解压缩数据的方法示例
2017/06/09 Python
Python实现时钟显示效果思路详解
2018/04/11 Python
Python实现的查询mysql数据库并通过邮件发送信息功能
2018/05/17 Python
Win10环境python3.7安装dlib模块趟过的坑
2019/08/01 Python
keras实现VGG16 CIFAR10数据集方式
2020/07/07 Python
python实现从ftp上下载文件的实例方法
2020/07/19 Python
经验丰富程序员才知道的8种高级Python技巧
2020/07/27 Python
使用Python获取爱奇艺电视剧弹幕数据的示例代码
2021/01/12 Python
mysql的最长数据库名,表名,字段名可以是多长
2014/04/21 面试题
优秀毕业自我鉴定
2014/02/15 职场文书
体育教师求职信
2014/05/24 职场文书
年度安全生产目标责任书
2014/07/23 职场文书
信仰心得体会
2014/09/05 职场文书
开票证明
2015/06/23 职场文书
公司员工培训管理制度
2015/08/04 职场文书
《陶罐和铁罐》教学反思
2016/03/03 职场文书
nginx location中多个if里面proxy_pass的方法
2021/03/31 Servers