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 相关文章推荐
js showModalDialog弹出窗口实例详解
Jan 07 Javascript
extjs_02_grid显示本地数据、显示跨域数据
Jun 23 Javascript
javascript精确统计网站访问量实例代码
Dec 19 Javascript
基于jquery实现弹幕效果
Sep 29 Javascript
详解Angular.js数据绑定时自动转义html标签及内容
Mar 30 Javascript
微信小程序 setData的使用方法详解
Apr 20 Javascript
详解webpack+es6+angular1.x项目构建
May 02 Javascript
详解Angular4 路由设置相关
Aug 26 Javascript
解读ES6中class关键字
Nov 20 Javascript
详解使用uni-app开发微信小程序之登录模块
May 09 Javascript
原生js实现碰撞检测
Mar 12 Javascript
JavaScript中ES6规范中let和const的用法和区别
Aug 06 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 smarty的预保留变量总结
2008/12/04 PHP
PHP sprintf() 函数的应用(定义和用法)
2012/06/29 PHP
通过5个php实例细致说明传值与传引用的区别
2012/08/08 PHP
PHP 透明水印生成代码
2012/08/27 PHP
跟我学Laravel之安装Laravel
2014/10/15 PHP
linux平台编译安装PHP7并安装Redis扩展与Swoole扩展实例教程
2016/09/30 PHP
Javascript &amp; DHTML 实例编程(教程)基础知识
2007/06/02 Javascript
20个非常棒的Jquery实用工具 国外文章
2010/01/01 Javascript
js解决弹窗问题实现班级跳转DIV示例
2014/01/06 Javascript
JavaScript访问CSS属性的几种方式介绍
2014/07/21 Javascript
Js使用WScript.Shell对象执行.bat文件和cmd命令
2014/12/18 Javascript
JavaScript设置获取和设置属性的方法
2015/03/04 Javascript
jquery中$each()方法的使用指南
2015/04/30 Javascript
js实现精确到秒的日期选择器完整实例
2016/04/30 Javascript
使用伪命名空间封装保护独自创建的对象方法
2016/08/04 Javascript
jQuery实现鼠标经过时高亮,同时其他同级元素变暗的效果
2016/09/18 Javascript
AngularJS  ng-repeat遍历输出的用法
2017/06/19 Javascript
微信小程序实现弹出菜单动画
2019/06/21 Javascript
npm qs模块使用详解
2020/02/07 Javascript
如何封装Vue Element的table表格组件
2021/02/06 Vue.js
[01:18]PWL开团时刻DAY4——圣剑与抢盾
2020/11/03 DOTA
Python数据类型详解(二)列表
2016/05/08 Python
Python实现查看系统启动项功能示例
2018/05/10 Python
python实现彩色图转换成灰度图
2019/01/15 Python
python中while和for的区别总结
2019/06/28 Python
Anaconda+vscode+pytorch环境搭建过程详解
2020/05/25 Python
使用Python爬虫爬取小红书完完整整的全过程
2021/01/19 Python
松下电器美国官方商店:Panasonic美国
2016/10/14 全球购物
与C++相比,Java中的数组有什么不同
2014/03/25 面试题
爱护花草树木的标语
2014/06/11 职场文书
社区服务标语
2014/07/01 职场文书
商业用房租赁协议书
2014/10/13 职场文书
介绍信格式样本
2015/05/05 职场文书
2016暑期社会实践新闻稿
2015/11/25 职场文书
学习计划是什么
2019/04/30 职场文书
如何设计高效合理的MySQL查询语句
2021/05/26 MySQL