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实现简单的拖拽效果实例兼容所有主流浏览器
Jun 21 Javascript
JQuery判断radio是否选中并获取选中值的示例代码
Oct 17 Javascript
实例讲解避免javascript冲突的方法
Jan 03 Javascript
angularjs ocLazyLoad分步加载js文件实例
Jan 17 Javascript
Vue获取DOM元素样式和样式更改示例
Mar 07 Javascript
详解webpack+es6+angular1.x项目构建
May 02 Javascript
JavaScript函数表达式详解及实例
May 05 Javascript
vue.js中实现登录控制的方法示例
Apr 23 Javascript
详解.vue文件中style标签的几个标识符
Jul 17 Javascript
jQuery实现参数自定义的文字跑马灯效果
Aug 15 jQuery
微信小程序实现的图片保存功能示例
Apr 24 Javascript
layui实现数据表格table分页功能(ajax异步)
Jul 27 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
神族 PROTOSS 概述
2020/03/14 星际争霸
php学习笔记 php中面向对象三大特性之一[封装性]的应用
2011/06/13 PHP
PHP运行SVN命令显示某用户的文件更新记录的代码
2014/01/03 PHP
PHP之autoload运行机制实例分析
2014/08/28 PHP
7个鲜为人知却非常实用的PHP函数
2015/07/01 PHP
PHPStrom中实用的功能和快捷键大全
2015/09/23 PHP
php微信开发接入
2016/08/27 PHP
PHP实现的MD5结合RSA签名算法实例
2017/10/07 PHP
PhpStorm本地断点调试的方法步骤
2018/05/21 PHP
javascript的对话框详解与参数
2007/03/08 Javascript
说明你的Javascript技术很烂的五个原因
2011/04/26 Javascript
异步安全加载javascript文件的方法
2015/07/21 Javascript
基于JS实现导航条之调用网页助手小精灵的方法
2016/06/17 Javascript
JavaScript事件详细讲解
2016/06/27 Javascript
jQuery实现的自定义弹出层效果实例详解
2016/09/04 Javascript
详解js中Json的语法与格式
2016/11/22 Javascript
Bootstrap和Java分页实例第一篇
2016/12/23 Javascript
jQuery实现的分页功能示例
2017/01/22 Javascript
100多个基础常用JS函数和语法集合大全
2017/02/16 Javascript
JS实现字符串中去除指定子字符串方法分析
2018/05/17 Javascript
Vue兼容ie9的问题全面解决方案
2018/06/19 Javascript
Vue项目中最新用到的一些实用小技巧
2018/11/06 Javascript
js实现简单的打印表格
2020/01/15 Javascript
python实现在目录中查找指定文件的方法
2014/11/11 Python
详解python使用递归、尾递归、循环三种方式实现斐波那契数列
2018/01/16 Python
Python常见工厂函数用法示例
2018/03/21 Python
python3中的md5加密实例
2018/05/29 Python
pyspark对Mysql数据库进行读写的实现
2020/12/30 Python
使用CSS3创建动态菜单效果
2015/07/10 HTML / CSS
记一次高分屏下canvas模糊问题
2020/02/17 HTML / CSS
英国羊皮鞋类领先品牌:Just Sheepskin
2019/12/12 全球购物
经营管理策划方案
2014/05/22 职场文书
小学优秀班干部事迹材料
2014/05/25 职场文书
城市规划应届毕业生自荐信
2014/07/04 职场文书
小学教师师德师风演讲稿
2014/08/22 职场文书
党员创先争优心得体会
2014/09/11 职场文书