Javascript中的window.event.keyCode使用介绍
更新时间：2011年04月26日 23:47:48 作者：
我们之前发过不少关于event.keyCode相关的文章，大家都可以参考下。
主要就是为了监听键盘按下的是哪个键，并且转成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）的值赋给它（骗骗计算机），这些小小的细节积累起来，也是一批不小的财富吧！
复制代码 代码如下:
<!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）的值赋给它（骗骗计算机），这些小小的细节积累起来，也是一批不小的财富吧！
相关文章
这篇文章主要给大家介绍了关于微信小程序学习笔记之页面配置与路由方式的相关资料,页面配置和路由是学习微信小程序必然会遇到的,本文通过示例代码介绍的非常详细,需要的朋友可以参考下2021-06-06
微信小程序使用 official-account 组件实现一键跳转公众号
本文详细介绍了如何在微信小程序中实现一键跳转到公众号的功能,包括准备工作、使用`<official-account>`组件实现跳转、关联小程序与公众号的方法,以及常见错误及解决方案,通过本文的指导,开发者可以顺利实现这一功能,提升用户体验2024-11-11
这篇文章主要为大家详细介绍了js canvas实现滑块验证，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-03-03
很多时候我们都会在网页上的JavaScript中使用document.write来写入一些东西，有的时候可能因为我们无法改变某一部分HTML而不得不使用这样的办法，也有的时候是因为在进行跨应用的脚本调用。2010-08-08
这篇文章主要为大家详细介绍了JavaScript数据结构与算法中的队列结构，文中通过简单的示例介绍了队列结构的原理与实现，需要的可以参考一下2022-11-11
这篇文章主要介绍了详解ECMAScript2019/ES10新属性，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2019-12-12
这篇文章主要介绍了JS Array.from()将伪数组转换成数组的方法示例，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2020-03-03
这篇文章主要为大家介绍了弥补localStorage容量缺陷的方法详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2022-11-11
本篇文章主要介绍了JavaScript实现使用Canvas绘制图形的基本教程，具有一定的参考价值，感兴趣的小伙伴们可以参考一下。2016-10-10
JavaScript 函数参数是传值(byVal)还是传址(byRef) 分享
这篇文章主要介绍了在JS中函数参数是传值(byVal)还是传址(byRef)的误区我们通过实例说明一下，有需要的朋友可以参考2013-07-07
最新评论