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 相关文章推荐
分享一款基于jQuery的视频播放插件
Oct 09 Javascript
JS实现点击按钮后框架内载入不同网页的方法
May 05 Javascript
jQuery使用animate创建动画用法实例
Aug 07 Javascript
jQuery实现的背景动态变化导航菜单效果
Aug 24 Javascript
AngularJS基础教程之简单介绍
Sep 27 Javascript
Node.js的环境安装配置(使用nvm方式)
Oct 11 Javascript
基于js实现的限制文本框只可以输入数字
Dec 05 Javascript
详解JavaScript 中getElementsByName在IE中的注意事项
Feb 21 Javascript
详解webpack+vue-cli项目打包技巧
Jun 17 Javascript
JavaScript中如何对多维数组(矩阵)去重的实现
Dec 04 Javascript
vue excel上传预览和table内容下载到excel文件中
Dec 10 Javascript
JavaScript进制转换实现方法解析
Jan 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
图解上海144收音机
2021/03/02 无线电
基于php下载文件的详解
2013/06/02 PHP
PHP 根据key 给二维数组分组
2016/12/09 PHP
PHP从数组中删除元素的四种方法实例
2017/05/12 PHP
php+ajax实现仿百度查询下拉内容功能示例
2017/10/20 PHP
基于jquery的时间段实现代码
2012/08/02 Javascript
将文本输入框内容加入表中的js代码
2013/08/18 Javascript
javascript时间差插件分享
2016/07/18 Javascript
JS实现动态增加和删除li标签行的实例代码
2016/10/16 Javascript
PHP获取当前页面完整URL的方法
2016/12/02 Javascript
ES6入门教程之Class和Module详解
2017/05/17 Javascript
微信小程序实现根据字母选择城市功能
2017/08/16 Javascript
vue自动化表单实例分析
2018/05/06 Javascript
mpvue项目中使用第三方UI组件库的方法
2018/09/30 Javascript
VeeValidate 的使用场景以及配置详解
2019/01/11 Javascript
JS实现获取当前所在周的周六、周日示例分析
2019/05/11 Javascript
JS去除字符串最后的逗号实例分析【四种方法】
2019/06/20 Javascript
[02:51]2014DOTA2国际邀请赛 IG战队官方纪录片
2014/07/21 DOTA
Python实现批量把SVG格式转成png、pdf格式的代码分享
2014/08/21 Python
pycharm创建一个python包方法图解
2019/04/10 Python
解析Python3中的Import
2019/10/13 Python
python matplotlib实现将图例放在图外
2020/04/17 Python
python查找特定名称文件并按序号、文件名分行打印输出的方法
2020/04/24 Python
解决windows上安装tensorflow时报错,“DLL load failed: 找不到指定的模块”的问题
2020/05/20 Python
python3获取控制台输入的数据的具体实例
2020/08/16 Python
python中实现词云图的示例
2020/12/19 Python
CSS3教程(2):网页边框半径和网页圆角
2009/04/02 HTML / CSS
基于html5实现的图片墙效果
2014/10/16 HTML / CSS
Under Armour澳大利亚官网:美国知名的高端功能性运动品牌
2018/02/22 全球购物
学生党员的自我评价范文
2014/03/01 职场文书
保洁公司服务承诺书
2014/05/28 职场文书
四风自我剖析材料
2014/09/30 职场文书
语文教师个人工作总结
2015/02/06 职场文书
2015年社区科普工作总结
2015/05/13 职场文书
2016年师德学习心得体会
2016/01/12 职场文书
vue/cli 配置动态代理无需重启服务的方法
2022/05/20 Vue.js