Javascript中的window.event.keyCode使用介绍


Posted in Javascript onApril 26, 2011

主要就是为了监听键盘按下的是哪个键,并且转成ASCII码;

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> 
<title>window.event.keyCode</title> 
</head> 
<body onkeydown=" alert(window.event.keyCode)"> 
<input id="txtCode" type="text" /> 
</body> 
</html>

那么如何用回车代替小键盘的回车呢?首先我们要知道,回车的ASCII码是13 ,TAB键的ASCII码是9那就好办啦;
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> 
<title>使用回车代替TAB键</title> 
</head> 
<body onkeydown="if(window.event.keyCode==13){ window.event.keyCode=9}"> 
<input id="txtCode" type="text" /> 
<input id="txtCode2" type="text" /> 
</body> 
</html>

在上面的代码中我们使用了keyCode来实现回车代替TAB键,只是简单的做了一个判断,如果当按下的是回车(13),我们就把TAB(9)的值赋给它(骗骗计算机),这些小小的细节积累起来,也是一批不小的财富吧!
Javascript 相关文章推荐
获取服务器传来的数据 用JS去空格的正则表达式
Mar 26 Javascript
JS的千分位算法实现思路
Jul 31 Javascript
一个简单的jquery的多选下拉框(自写)
May 05 Javascript
jquery实现加载进度条提示效果
Nov 23 Javascript
jquery.form.js框架实现文件上传功能案例解析(springmvc)
May 26 Javascript
JQuery EasyUI学习教程之datagrid 添加、修改、删除操作
Jul 09 Javascript
JS+HTML5实现的前端购物车功能插件实例【附demo源码下载】
Oct 17 Javascript
详解VUE的状态控制与延时加载刷新
Mar 27 Javascript
微信小程序开发之toast提示插件使用示例
Jun 08 Javascript
JavaScript实现离开页面前提示功能【附jQuery实现方法】
Sep 26 jQuery
JavaScript 九种跨域方式实现原理
Feb 11 Javascript
JS 创建对象的模式实例小结
Apr 28 Javascript
Javascript中正则表达式的全局匹配模式分析
Apr 26 #Javascript
说明你的Javascript技术很烂的五个原因
Apr 26 #Javascript
jQuery学习总结之元素的相对定位和选择器(持续更新)
Apr 26 #Javascript
用jquery实现自定义风格的滑动条实现代码
Apr 26 #Javascript
超轻量级的基于jquery的三级展开列表
Apr 26 #Javascript
jqPlot 基于jquery的画图插件
Apr 26 #Javascript
让浏览器非阻塞加载javascript的几种方法小结
Apr 25 #Javascript
You might like
跟我学Laravel之请求与输入
2014/10/15 PHP
PHP实现合并discuz用户
2015/08/05 PHP
php结合mysql与mysqli扩展处理事务的方法
2016/06/29 PHP
php mysql操作mysql_connect连接数据库实例详解
2016/12/26 PHP
ThinkPHP框架分布式数据库连接方法详解
2017/03/14 PHP
firefox火狐浏览器与与ie兼容的2个问题总结
2010/07/20 Javascript
jquery插件之easing 动态菜单
2010/08/21 Javascript
13 个JavaScript 性能提升技巧分享
2012/07/26 Javascript
jquery实现的随机多彩tag标签随机颜色和字号大小效果
2014/03/27 Javascript
jquery实现类似淘宝星星评分功能实例
2014/09/12 Javascript
jquery 操作css样式、位置、尺寸方法汇总
2014/11/28 Javascript
jQuery获取元素父节点的方法
2016/06/21 Javascript
jQuery插件EasyUI设置datagrid的checkbox为禁用状态的方法
2016/08/05 Javascript
ES6(ECMAScript 6)新特性之模板字符串用法分析
2017/04/01 Javascript
vue路由导航守卫和请求拦截以及基于node的token认证的方法
2019/04/07 Javascript
详解vue 命名视图
2019/08/14 Javascript
js针对图片加载失败的处理方法分析
2019/08/24 Javascript
基于JavaScript实现简单抽奖功能代码实例
2020/10/20 Javascript
[41:52]2018DOTA2亚洲邀请赛3月29日 小组赛A组 TNC VS OpTic
2018/03/30 DOTA
[22:07]DOTA2-DPC中国联赛 正赛 iG vs Magma 选手采访
2021/03/11 DOTA
python获取mp3文件信息的方法
2015/06/15 Python
Ubuntu+python将nii图像保存成png格式
2019/07/18 Python
python实现简单井字棋游戏
2020/03/04 Python
Eclipse配置python默认头过程图解
2020/04/26 Python
Python如何使用vars返回对象的属性列表
2020/10/17 Python
Canon佳能美国官方商店:购买数码相机、数码单反相机、镜头和打印机
2016/11/15 全球购物
俄罗斯品牌服装和鞋子的在线商店:KUPIVIP
2019/10/27 全球购物
Happy Plugs官网:瑞典无线耳机品牌
2020/07/16 全球购物
同步和异步有何异同,在什么情况下分别使用他们
2013/04/09 面试题
建筑班组长岗位职责
2014/01/02 职场文书
交通事故私了协议书
2014/04/16 职场文书
家长对老师的评语
2014/04/18 职场文书
小学生安全演讲稿
2014/04/25 职场文书
2015年保险公司工作总结
2015/04/24 职场文书
教师节领导致辞
2015/07/29 职场文书
element多个表单校验的实现
2021/05/27 Javascript