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下function声明一些小结
Dec 28 Javascript
json-lib出现There is a cycle in the hierarchy解决办法
Feb 24 Javascript
jquery链式操作的正确使用方法
Jan 06 Javascript
Javascript非构造函数的继承
Apr 27 Javascript
jQuery中 $ 符号的冲突问题及解决方案
Nov 04 Javascript
Javascript使用uploadify来实现多文件上传
Nov 16 Javascript
js学习总结之DOM2兼容处理this问题的解决方法
Jul 27 Javascript
详解Vue基于 Nuxt.js 实现服务端渲染(SSR)
Apr 05 Javascript
node中间层实现文件上传功能
Jun 11 Javascript
微信小程序左滑删除功能开发案例详解
Nov 12 Javascript
微信小程序实现消息框弹出动画
Apr 18 Javascript
Vite + React从零开始搭建一个开源组件库
Jun 25 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中的json_encode()和json_decode()函数的一些说明
2016/11/20 PHP
浅谈php中变量的数据类型判断函数
2017/03/04 PHP
JavaScipt基本教程之JavaScript语言的基础
2008/01/16 Javascript
ymPrompt的doHandler方法来实现获取子窗口返回值的方法
2010/06/25 Javascript
jquery实现隐藏与显示动画效果/输入框字符动态递减/导航按钮切换
2013/07/01 Javascript
Flex通过JS获取客户端IP和计算机名的实例代码
2013/11/21 Javascript
js控制分页打印、打印分页示例
2014/02/08 Javascript
js正则表达式匹配数字字母下划线等
2015/04/14 Javascript
AngularJS中比较两个数组是否相同
2016/08/24 Javascript
BootStrap表单验证实例代码
2017/01/13 Javascript
微信小程序商城项目之侧栏分类效果(1)
2017/04/17 Javascript
详解使用Visual Studio Code对Node.js进行断点调试
2017/09/14 Javascript
基于vue1和vue2获取dom元素的方法
2018/03/17 Javascript
如何更好的编写js async函数
2018/05/13 Javascript
js遍历添加栏目类添加css 再点击其它删除css【推荐】
2018/06/12 Javascript
vue中使用better-scroll实现滑动效果及注意事项
2018/11/15 Javascript
js中对象和面向对象与Json介绍
2019/01/21 Javascript
详解vue 路由跳转四种方式 (带参数)
2019/04/28 Javascript
小程序按钮避免多次调用接口和点击方案实现(不用showLoading)
2020/04/15 Javascript
微信小程序动态评分展示/五角星展示/半颗星展示/自定义长度展示功能的实现
2020/07/22 Javascript
[02:59]DOTA2完美大师赛主赛事第三日精彩集锦
2017/11/25 DOTA
Python列表list操作符实例分析【标准类型操作符、切片、连接字符、列表解析、重复操作等】
2017/07/24 Python
Python3中类、模块、错误与异常、文件的简易教程
2017/11/20 Python
python+pygame简单画板实现代码实例
2017/12/13 Python
Python中使用支持向量机SVM实践
2017/12/27 Python
Python实现使用卷积提取图片轮廓功能示例
2018/05/12 Python
python绘制已知点的坐标的直线实例
2019/07/04 Python
pow在python中的含义及用法
2019/07/11 Python
基于python进行抽样分布描述及实践详解
2019/09/02 Python
Python如何使用turtle库绘制图形
2020/02/26 Python
html5使用canvas画一条线
2014/12/15 HTML / CSS
Linux中如何设置Java环境变量(Ubuntu)
2016/07/24 面试题
无犯罪记录证明范本
2014/09/15 职场文书
2015年店长工作总结范文
2015/04/08 职场文书
升学宴家长致辞
2015/07/27 职场文书
解决pycharm下载库时出现Failed to install package的问题
2021/09/04 Python