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 获取模态窗口的滚动位置代码
Aug 06 Javascript
jquery实现下拉菜单的二级联动利用json对象从DB取值显示联动
Mar 27 Javascript
jQuery Select下拉框操作小结(推荐)
Jul 22 Javascript
Angular学习笔记之angular的$filter服务浅析
Nov 12 Javascript
深入理解jQuery()方法的构建原理
Dec 05 Javascript
原生js实现倒计时功能(多种格式调用)
Jan 12 Javascript
JavaScript实现替换字符串中最后一个字符的方法
Mar 07 Javascript
JavaScript和JQuery获取DIV值的方法示例
Mar 07 Javascript
基于javascript 显式转换与隐式转换(详解)
Dec 15 Javascript
新手如何快速理解js异步编程
Jun 24 Javascript
JavaScript实现身份证验证代码实例
Aug 26 Javascript
vue组件中实现嵌套子组件案例
Aug 31 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
桌面中心(三)修改数据库
2006/10/09 PHP
目录,文件操作详谈―PHP
2006/11/25 PHP
php fseek函数读取大文件两种方法
2016/10/12 PHP
php利用嵌套数组拼接与解析json的方法
2017/02/07 PHP
javascript 闭包疑问
2010/12/30 Javascript
javascript中拼接HTML字符串的最快、最好的方法
2014/06/07 Javascript
jQuery提示插件alertify使用指南
2015/04/21 Javascript
JavaScript原生xmlHttp与jquery的ajax方法json数据格式实例
2015/12/04 Javascript
js判断上传文件后缀名是否合法
2016/01/28 Javascript
javascript每日必学之条件分支
2016/02/17 Javascript
javascript创建对象、对象继承的实用方式详解
2016/03/08 Javascript
Bootstrap布局方式详解
2016/05/27 Javascript
BootStrap table使用方法分析
2016/11/08 Javascript
微信小程序图表插件(wx-charts)实例代码
2017/01/17 Javascript
Angular5集成eventbus的示例代码
2018/07/19 Javascript
echarts实现词云自定义形状的示例代码
2019/02/20 Javascript
vscode 配置vue+vetur+eslint+prettier自动格式化功能
2020/03/23 Javascript
JavaScript中如何调用Java方法
2020/09/16 Javascript
vue 组件基础知识总结
2021/01/26 Vue.js
深入理解Python中各种方法的运作原理
2015/06/15 Python
深入解析Python中的descriptor描述器的作用及用法
2016/06/27 Python
Python中operator模块的操作符使用示例总结
2016/06/28 Python
python 数据的清理行为实例详解
2017/07/12 Python
单链表反转python实现代码示例
2018/02/08 Python
解决Python plt.savefig 保存图片时一片空白的问题
2019/01/10 Python
Python Pandas 获取列匹配特定值的行的索引问题
2019/07/01 Python
VSCode基础使用与VSCode调试python程序入门的图文教程
2020/03/30 Python
解决flask接口返回的内容中文乱码的问题
2020/04/03 Python
Python类型转换的魔术方法详解
2020/12/23 Python
中国综合性网上购物商城:当当(网上卖书起家)
2016/11/16 全球购物
优秀的计算机专业求职信范文
2013/12/27 职场文书
主管竞聘书范文
2014/03/31 职场文书
班级团队活动方案
2014/08/14 职场文书
人才市场接收函
2015/01/30 职场文书
2015年乡镇统计工作总结
2015/04/22 职场文书
律政俏佳人观后感
2015/06/09 职场文书