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 相关文章推荐
可缩放Reloaded-一个针对可缩放元素的复用组件
Mar 10 Javascript
编写兼容IE和FireFox的脚本
May 18 Javascript
js换图片效果可进行定时操作
Jun 09 Javascript
jQuery回调函数的定义及用法实例
Dec 23 Javascript
js实现Select列表内容自动滚动效果代码
Aug 20 Javascript
Javascript删除指定元素节点的方法
Jun 21 Javascript
jQuery 插件封装的方法
Nov 16 Javascript
BootStrap Tooltip插件源码解析
Dec 27 Javascript
Vue实现双向数据绑定
May 03 Javascript
vue-cli如何引入bootstrap工具的方法
Oct 19 Javascript
从vue基础开始创建一个简单的增删改查的实例代码(推荐)
Feb 11 Javascript
JS实现的input选择图片本地预览功能示例
Aug 29 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中获取远程客户端的真实ip地址的方法
2011/08/03 PHP
js通过地址栏给action传值(中文乱码全是问号)
2013/05/02 Javascript
基于MVC3方式实现下拉列表联动(JQuery)
2013/09/02 Javascript
简单的jquery左侧导航栏和页面选中效果
2014/08/21 Javascript
jQuery中的编程范式详解
2014/12/15 Javascript
推荐4个原生javascript常用的函数
2015/01/12 Javascript
JQuery使用index方法获取Jquery对象数组下标的方法
2015/05/18 Javascript
JavaScript中for循环的使用详解
2015/06/03 Javascript
JS实现设置ff与ie元素绝对位置的方法
2016/03/08 Javascript
Java中int与integer的区别(基本数据类型与引用数据类型)
2017/02/19 Javascript
JavaScript实现全选取消效果
2017/12/14 Javascript
express默认日志组件morgan的方法
2018/04/05 Javascript
Vue中如何实现proxy代理
2018/04/20 Javascript
js中时间格式化的几种方法
2018/07/22 Javascript
Js 利用正则表达式和replace函数获取string中所有被匹配到的文本(推荐)
2018/10/28 Javascript
Element-UI踩坑之Pagination组件的使用
2018/10/29 Javascript
基于Django用户认证系统详解
2018/02/21 Python
Python  unittest单元测试框架的使用
2018/09/08 Python
Python学习笔记之Django创建第一个数据库模型的方法
2019/08/07 Python
Python实现网页截图(PyQT5)过程解析
2019/08/12 Python
Python数据可视化:泊松分布详解
2019/12/07 Python
Django Haystack 全文检索与关键词高亮的实现
2020/02/17 Python
使用Pycharm在运行过程中,查看每个变量的操作(show variables)
2020/06/08 Python
python实例化对象的具体方法
2020/06/17 Python
Python高并发解决方案实现过程详解
2020/07/31 Python
Html5 new XMLHttpRequest()监听附件上传进度
2021/01/14 HTML / CSS
Lookfantastic葡萄牙官方网站:欧洲第一大化妆品零售商
2018/03/17 全球购物
软件售后服务方案
2014/05/29 职场文书
超市促销活动总结
2014/07/01 职场文书
汽车技术服务与贸易专业求职信
2014/07/20 职场文书
2015年安全教育月活动总结
2015/03/26 职场文书
歌舞青春观后感
2015/06/10 职场文书
Oracle创建只读账号的详细步骤
2021/06/07 Oracle
Java9新特性对HTTP2协议支持与非阻塞HTTP API
2022/03/16 Java/Android
MySQL RC事务隔离的实现
2022/03/31 MySQL
python游戏开发之pygame实现接球小游戏
2022/04/22 Python