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实现unicode和字符的互相转换
Jul 18 Javascript
JavaScript中的作用域链和闭包
Jun 30 Javascript
JS小功能(offsetLeft实现图片滚动效果)实例代码
Nov 28 Javascript
javascript操作css属性
Dec 30 Javascript
js实现文本框中焦点在最后位置
Mar 04 Javascript
一个网页标题title的闪动提示效果实现思路
Mar 22 Javascript
JS获取当前脚本文件的绝对路径
Mar 02 Javascript
jQuery简单实现彩色云标签效果示例
Aug 01 Javascript
实现点击下箭头变上箭头来回切换的两种方法【推荐】
Dec 14 Javascript
node.js中express-session配置项详解
May 31 Javascript
jQuery实现拖动效果的实例代码
Jun 25 jQuery
微信小程序中的video视频实现 自定义播放按钮、封面图、视频封面上文案
Jan 02 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使用Session遇到的一个Permission denied Notice解决办法
2014/07/30 PHP
ThinkPHP实现非标准名称数据表快速创建模型的方法
2014/11/29 PHP
php中switch与ifelse的效率区别及适用情况分析
2015/02/12 PHP
PHP iconv()函数字符编码转换的问题讲解
2019/03/22 PHP
jQuery 学习 几种常用方法
2009/06/11 Javascript
jQuery Ajax()方法使用指南
2014/11/19 Javascript
ECMAScript5中的对象存取器属性:getter和setter介绍
2014/12/08 Javascript
javascript弹出窗口实现代码
2015/11/12 Javascript
jQuery复合事件结合toggle()方法的用法示例
2017/06/10 jQuery
vue实现标签云效果的方法详解
2019/08/28 Javascript
解决layer图标icon不加载的问题
2019/09/04 Javascript
详解webpack打包vue项目之后生成的dist文件该怎么启动运行
2019/09/06 Javascript
Vue防止白屏添加首屏动画的实例
2019/10/31 Javascript
微信小程序录音实现功能并上传(使用node解析接收)
2020/02/26 Javascript
微信小程序实现watch监听
2020/06/04 Javascript
Python生成器(Generator)详解
2015/04/13 Python
Windows下python2.7.8安装图文教程
2016/05/26 Python
python中使用PIL制作并验证图片验证码
2018/03/15 Python
python paramiko利用sftp上传目录到远程的实例
2019/01/03 Python
python实现AES和RSA加解密的方法
2019/03/28 Python
Python-接口开发入门解析
2019/08/01 Python
python GUI库图形界面开发之PyQt5控件QTableWidget详细使用方法与属性
2020/02/25 Python
HTML5 canvas基本绘图之图形变换
2016/06/27 HTML / CSS
法律工作求职自荐信
2013/10/31 职场文书
总经理文秘岗位职责
2014/02/03 职场文书
模具专业自荐信
2014/05/29 职场文书
自强自立美德少年事迹材料
2014/08/16 职场文书
高考升学宴答谢词
2015/01/20 职场文书
罚站检讨书
2015/01/29 职场文书
慰问信的写作格式及范文!
2019/06/24 职场文书
不会写演讲稿,快来看看这篇文章!
2019/08/06 职场文书
nginx简单配置多个server的方法
2021/03/31 Servers
小程序与后端Java接口交互实现HelloWorld入门
2021/07/09 Java/Android
浅谈Node的内存泄露问题
2022/05/06 NodeJs
java实现自定义时钟并实现走时功能
2022/06/21 Java/Android