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 动态修改样式和层叠样式表代码
Apr 27 Javascript
Javascript 去除数组的重复元素
May 04 Javascript
jquery实现漂浮在网页右侧的qq在线客服插件示例
May 13 Javascript
jquery easyui combox一些实用的小方法
Dec 25 Javascript
js数组中如何随机取出一个值
Jun 13 Javascript
浅析angularJS中的ui-router和ng-grid模块
May 20 Javascript
瀑布流的实现方式(原生js+jquery+css3)
Jun 28 Javascript
VUE 使用中踩过的坑
Feb 08 Javascript
JS实现运动缓冲效果的封装函数示例
Feb 18 Javascript
Vue+element-ui 实现表格的分页功能示例
Aug 18 Javascript
js隐式转换的知识实例讲解
Sep 28 Javascript
js实现超级玛丽小游戏
Mar 18 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
在CentOS系统上从零开始搭建WordPress博客的全流程记录
2016/04/21 PHP
老生常谈PHP数组函数array_merge(必看篇)
2017/05/25 PHP
在Yii2特定页面如何禁用调试工具栏Debug Toolbar详解
2017/08/07 PHP
php 可变函数使用小结
2018/06/12 PHP
Dojo之路:如何利用Dojo实现Drag and Drop效果
2007/04/10 Javascript
提高网站性能之 如何对待JavaScript
2009/10/31 Javascript
关于Javascript模块化和命名空间管理的问题说明
2010/12/06 Javascript
JavaScript中对象property的删除方法介绍
2014/12/30 Javascript
javascript内置对象操作详解
2015/02/04 Javascript
基于jQuery实现的旋转彩圈实例
2015/06/26 Javascript
JS实现横向与竖向两个选项卡Tab联动的方法
2015/09/27 Javascript
实例讲解JavaScript中instanceof运算符的用法
2016/06/08 Javascript
javascript实现滚动效果的数字时钟实例
2016/07/21 Javascript
js仿新浪微博消息发布功能
2017/02/17 Javascript
vue-cli中打包图片路径错误的解决方法
2017/10/26 Javascript
JS中promise化微信小程序api
2018/04/12 Javascript
详解angular应用容器化部署
2018/08/14 Javascript
JavaScript中this关键字用法实例分析
2018/08/24 Javascript
Vue中的作用域CSS和CSS模块的区别
2018/10/09 Javascript
webpack优化的深入理解
2018/12/10 Javascript
[59:15]完美世界DOTA2联赛PWL S2 LBZS vs FTD.C 第一场 11.20
2020/11/20 DOTA
python机器人行走步数问题的解决
2018/01/29 Python
Python面向对象基础入门之编码细节与注意事项
2018/12/11 Python
解决在Python编辑器pycharm中程序run正常debug错误的问题
2019/01/17 Python
Python IDE Pycharm中的快捷键列表用法
2019/08/08 Python
python实现两个一维列表合并成一个二维列表
2019/12/02 Python
Pytorch释放显存占用方式
2020/01/13 Python
python 获取当前目录下的文件目录和文件名实例代码详解
2020/03/10 Python
css3 box-sizing属性使用参考指南
2013/01/08 HTML / CSS
5分钟实现Canvas鼠标跟随动画背景
2019/11/18 HTML / CSS
全球最受追捧的运动服品牌领先数字目的地:Stylerunner
2020/11/25 全球购物
中专生自荐信
2013/10/12 职场文书
企业文化理念标语
2014/06/10 职场文书
关于环保的广播稿
2015/12/17 职场文书
golang 实现对Map进行键值自定义排序
2021/04/28 Golang