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延时重复执行函数 lLoopRun.js
Jun 29 Javascript
一个简单的javascript类定义例子
Sep 12 Javascript
javascript函数定义的几种区别小结
Jan 06 Javascript
AngularJS的内置过滤器详解
May 14 Javascript
Jquery 1.9.1源码分析系列(十二)之筛选操作
Dec 02 Javascript
a标签跳转到指定div,jquery添加和移除class属性的实现方法
Oct 10 Javascript
分享javascript、jquery实用代码段
Oct 20 Javascript
微信小程序 radio单选框组件详解及实例代码
Jan 10 Javascript
jQuery+vue.js实现的九宫格拼图游戏完整实例【附源码下载】
Sep 12 jQuery
Webpack 之 babel-loader文件预处理器详解
Mar 23 Javascript
jsonp实现百度下拉框功能的方法分析
May 10 Javascript
Openlayers实现距离面积测量
Sep 28 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 Try Catch异常测试
2009/03/01 PHP
php 搜索框提示(自动完成)实例代码
2012/02/05 PHP
PHP PDOStatement::setFetchMode讲解
2019/02/03 PHP
php设计模式之模板模式实例分析【星际争霸游戏案例】
2020/03/24 PHP
PHP7 参数处理机制修改
2021/03/09 PHP
Jquery之美中不足小结
2011/02/16 Javascript
js处理php输出时间戳对不上号的解决方法
2014/06/20 Javascript
根据配置文件加载js依赖模块
2014/12/29 Javascript
使用JavaScript实现连续滚动字幕效果的方法
2015/07/07 Javascript
JQuery菜单效果的两个实例讲解(3)
2015/09/17 Javascript
微信小程序开发之实现自定义Toast弹框
2017/06/08 Javascript
从零开始搭建webpack+react开发环境的详细步骤
2018/05/18 Javascript
微信小程序 bindtap 传参的实例代码
2020/02/21 Javascript
[56:35]DOTA2上海特级锦标赛C组小组赛#1 OG VS Archon第二局
2016/02/27 DOTA
python监控网站运行异常并发送邮件的方法
2015/03/13 Python
python使用fileinput模块实现逐行读取文件的方法
2015/04/29 Python
Python中的urllib模块使用详解
2015/07/07 Python
Python用threading实现多线程详解
2017/02/03 Python
python pymysql链接数据库查询结果转为Dataframe实例
2020/06/05 Python
Keras 中Leaky ReLU等高级激活函数的用法
2020/07/05 Python
域名注册、建站工具、网页主机、SSL证书:Dynadot
2017/01/06 全球购物
Too Faced官网:美国知名彩妆品牌
2017/03/07 全球购物
巴西食品补充剂在线零售商:Músculos na Web
2017/08/07 全球购物
爱他美官方海外旗舰店:Aptamil奶粉
2017/12/22 全球购物
MATCHESFASHION.COM法国官网:英国奢侈品零售商
2018/01/04 全球购物
日本最大化妆品和美容产品的综合口碑网站:cosme shopping
2019/08/28 全球购物
Kiwi.com中国:找到特价机票并发现新目的地
2019/10/27 全球购物
大一学生职业生涯规划
2014/03/11 职场文书
我们的节日中秋活动方案
2014/08/19 职场文书
预备党员学习十八届三中全会精神思想汇报
2014/09/13 职场文书
地道战观后感400字
2015/06/04 职场文书
幼儿园2016年感恩节活动总结
2016/04/01 职场文书
创业计划书之美甲店
2019/09/20 职场文书
Vue + iView实现Excel上传功能的完整代码
2021/06/22 Vue.js
用Python可视化新冠疫情数据
2022/01/18 Python
详解Flutter自定义应用程序内键盘的实现方法
2022/06/14 Java/Android