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实现DIV滚动自动滚动到底部的代码
Mar 01 Javascript
使用Math.floor与Math.random取随机整数的方法详解
May 07 Javascript
JQuery操作三大控件(下拉,单选,复选)的方法
Aug 06 Javascript
使用JS CSS去除IE链接虚线框的三种方法
Nov 14 Javascript
JavaScript返回0-1之间随机数的方法
Apr 06 Javascript
javascript中传统事件与现代事件
Jun 23 Javascript
JS实现响应鼠标点击动画渐变弹出层效果代码
Mar 25 Javascript
Bootstrap基本布局实现方法详解
Nov 25 Javascript
详解webpack提取第三方库的正确姿势
Dec 22 Javascript
jquery实现弹窗(系统提示框)效果
Dec 10 jQuery
vue-cli3项目升级到vue-cli4 的方法总结
Mar 19 Javascript
微信小程序实现拍照和相册选取图片
May 09 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
PHP实现防止表单重复提交功能【基于token验证】
2018/05/24 PHP
理解Javascript_06_理解对象的创建过程
2010/10/15 Javascript
JS通过相同的name进行表格求和代码
2013/08/18 Javascript
页面加载完毕后滚动条自动滚动一定位置
2014/02/20 Javascript
Javascript定义类(class)的三种方法详解
2015/03/13 Javascript
JS动态创建DOM元素的方法
2015/06/09 Javascript
JavaScript+html5 canvas制作的百花齐放效果完整实例
2016/01/26 Javascript
jQuery的ajax下载blob文件
2016/07/21 Javascript
手机浏览器 后退按钮强制刷新页面方法总结
2016/10/09 Javascript
AngularJS实现表格的增删改查(仅限前端)
2017/07/04 Javascript
详解Webstorm 新建.vue文件支持高亮vue语法和es6语法
2017/10/26 Javascript
Vue自定义指令上报Google Analytics事件统计的方法
2019/02/25 Javascript
javascript异步处理与Jquery deferred对象用法总结
2019/06/04 jQuery
ES6 Symbol数据类型的应用实例分析
2019/06/26 Javascript
vue keep-alive 动态删除组件缓存的例子
2019/11/04 Javascript
js中forEach,for in,for of循环的用法示例小结
2020/03/14 Javascript
vue 实现tab切换保持数据状态
2020/07/21 Javascript
javascript实现京东快递单号的查询效果
2020/11/30 Javascript
[02:57]DOTA2亚洲邀请赛 SECRET战队出场宣传片
2015/02/07 DOTA
[46:04]Liquid vs VP Supermajor决赛 BO 第四场 6.10
2018/07/05 DOTA
Python入门篇之对象类型
2014/10/17 Python
python在Windows8下获取本机ip地址的方法
2015/03/14 Python
在Python中使用Mako模版库的简单教程
2015/04/08 Python
python用户管理系统的实例讲解
2017/12/23 Python
pytorch permute维度转换方法
2018/12/14 Python
Python时间序列处理之ARIMA模型的使用讲解
2019/04/02 Python
python GUI库图形界面开发之PyQt5 Qt Designer工具(Qt设计师)详细使用方法及Designer ui文件转py文件方法
2020/02/26 Python
python函数中将变量名转换成字符串实例
2020/05/11 Python
软件测试英文面试题
2012/10/14 面试题
单位未婚证明范本
2014/01/18 职场文书
优秀护士先进事迹
2014/05/08 职场文书
销售口号大全
2014/06/11 职场文书
国际贸易实务实训报告
2014/11/05 职场文书
具结保证书
2015/01/17 职场文书
Javascript设计模式之原型模式详细
2021/10/05 Javascript
python 单机五子棋对战游戏
2022/04/28 Python