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 动态table添加colspan\rowspan 参数的方法
Jul 25 Javascript
JQuery验证jsp页面属性是否为空(实例代码)
Nov 08 Javascript
javascript中为某个元素指定事件的三种方式
Aug 07 Javascript
JavaScript实现检查页面上的广告是否被AdBlock屏蔽了的方法
Nov 03 Javascript
jQuery封装的tab选项卡插件分享
Jun 16 Javascript
JS简单获取客户端IP地址的方法【调用搜狐接口】
Sep 05 Javascript
微信小程序获取用户openId的实现方法
May 23 Javascript
Angular4学习笔记之新建项目的方法
Jul 18 Javascript
详解webpack模块加载器兼打包工具
Sep 11 Javascript
Vue项目中使用better-scroll实现菜单映射功能方法
Sep 11 Javascript
js实现内置计时器
Dec 16 Javascript
Layer UI表格列日期格式化及取消自动填充日期的实现方法
May 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解决URL中文GBK乱码问题的两种方法
2014/06/03 PHP
PHP基于phpqrcode生成带LOGO图像的二维码实例
2015/07/10 PHP
浅谈php的优缺点
2015/07/14 PHP
基于PHP技术开发客服工单系统
2016/01/06 PHP
PHP获取用户客户端真实IP的解决方案
2016/10/10 PHP
Laravel接收前端ajax传来的数据的实例代码
2017/07/20 PHP
PHP实现笛卡尔积算法的实例讲解
2019/12/22 PHP
重定向实现代码
2006/11/20 Javascript
为jQuery增加join方法的实现代码
2010/11/28 Javascript
js编码之encodeURIComponent使用介绍(asp,php)
2012/03/01 Javascript
js简单的表格添加行和删除行操作示例
2014/03/31 Javascript
在css加载完毕后自动判断页面是否加入css或js文件
2014/09/10 Javascript
10个很棒的jQuery代码片段
2015/09/24 Javascript
JavaScript标准对象_动力节点Java学院整理
2017/06/27 Javascript
jQuery实现新闻播报滚动及淡入淡出效果示例
2018/03/23 jQuery
Node.js命令行/批处理中如何更改Linux用户密码浅析
2018/07/22 Javascript
node.js环境搭建图文详解
2018/09/19 Javascript
vue实现滑动切换效果(仅在手机模式下可用)
2020/06/29 Javascript
解决Layui中layer报错的问题
2019/09/03 Javascript
webpack4 配置 ssr 环境遇到“document is not defined”
2019/10/24 Javascript
JS运算符优先级与表达式示例详解
2020/09/04 Javascript
在Python中操作字典之setdefault()方法的使用
2015/05/21 Python
Python黑魔法@property装饰器的使用技巧解析
2016/06/16 Python
Python搭建HTTP服务器和FTP服务器
2017/03/09 Python
CSS3贝塞尔曲线示例:创建链接悬停动画效果
2020/11/19 HTML / CSS
美国运动鞋和运动服零售商:Footaction
2017/04/07 全球购物
英国领先的体验日提供商:Buyagift
2019/04/19 全球购物
英国名牌服装购物网站:OD’s Designer
2019/09/02 全球购物
高中毕业生自我鉴定范文
2013/09/26 职场文书
项目管理计划书
2014/01/09 职场文书
新闻编辑自荐书范文
2014/02/12 职场文书
运动会广播稿20字
2014/02/18 职场文书
党员四风自我剖析材料
2014/10/07 职场文书
社团个人总结范文
2015/03/05 职场文书
运动会3000米加油稿
2015/07/21 职场文书
Java使用Unsafe类的示例详解
2021/09/25 Java/Android