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 相关文章推荐
javascript与webservice的通信实现代码
Dec 25 Javascript
JS OffsetParent属性深入解析
Jan 13 Javascript
js获取select默认选中的Option并不是当前选中值
May 07 Javascript
js调试系列 初识控制台
Jun 18 Javascript
Node.js插件的正确编写方式
Aug 03 Javascript
分享一则JavaScript滚动条插件源码
Mar 03 Javascript
DEDECMS如何为文章添加HOT NEW标志图片
Aug 14 Javascript
jQuery插件HighCharts绘制2D带有Legend的饼图效果示例【附demo源码下载】
Mar 10 Javascript
vue微信分享 vue实现当前页面分享其他页面
Dec 02 Javascript
jQuery实现的简单日历组件定义与用法示例
Dec 24 jQuery
探索JavaScript中私有成员的相关知识
Jun 13 Javascript
JavaScript中的执行环境和作用域链
Sep 04 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
DC动画电影《黑暗正义联盟》曝预告 5月5日上线数字平台
2020/04/09 欧美动漫
图书管理程序(二)
2006/10/09 PHP
PHP中for与foreach的区别分析
2011/03/09 PHP
三个类概括PHP的五种设计模式
2012/09/05 PHP
php中is_null,empty,isset,unset 的区别详细介绍
2013/04/28 PHP
PHP 判断字符串是中文还是英文, 或者是中英混合
2021/03/09 PHP
用javascript连接access数据库的方法
2006/11/17 Javascript
Javascript 面向对象特性
2009/12/28 Javascript
jquery星级插件、支持页面中多次使用
2012/03/25 Javascript
jquery动态改变onclick属性导致失效的问题解决方法
2013/12/04 Javascript
JavaScript创建对象的方式小结(4种方式)
2015/12/17 Javascript
使用javascript插入样式
2016/03/14 Javascript
利用Node.JS实现邮件发送功能
2016/10/21 Javascript
jquery表单提交带错误信息提示效果
2017/03/09 Javascript
angularJS深拷贝详解
2017/03/23 Javascript
angularJs的ng-class切换class
2017/06/23 Javascript
Express + Session 实现登录验证功能
2017/09/08 Javascript
JS实现json对象数组按对象属性排序操作示例
2018/05/18 Javascript
使用JavaScript计算前一天和后一天的思路详解
2019/12/20 Javascript
javascript利用键盘控制小方块的移动
2020/04/20 Javascript
Vue自定义多选组件使用详解
2020/09/08 Javascript
wxPython学习之主框架实例
2014/09/28 Python
教你用Python脚本快速为iOS10生成图标和截屏
2016/09/22 Python
Python 读取图片文件为矩阵和保存矩阵为图片的方法
2018/04/27 Python
对pandas中iloc,loc取数据差别及按条件取值的方法详解
2018/11/06 Python
PyQt 实现使窗口中的元素跟随窗口大小的变化而变化
2019/06/18 Python
python基于递归解决背包问题详解
2019/07/03 Python
python用Tkinter做自己的中文代码编辑器
2020/09/07 Python
Tory Burch英国官方网站:美国时尚生活品牌
2017/12/06 全球购物
LVMH旗下最大的奢侈品网站平台:24S
2020/05/24 全球购物
《守株待兔》教学反思
2014/03/01 职场文书
三项教育活动实施方案
2014/03/30 职场文书
大学生个人先进事迹材料范文
2014/05/03 职场文书
企业党员一句话承诺
2014/05/30 职场文书
大班下学期个人总结
2015/02/13 职场文书
2015年食堂工作总结报告
2015/04/23 职场文书