javascript实现捕捉键盘上按下的键


Posted in Javascript onMay 05, 2015

小小的demo,用js捕捉键盘盘上按下了那个键,然后展示出对应的code值

<!DOCTYPE html>
<html>
<head>
<script>
function showKeyCode(event)
{
document.getElementById("result").value= event.keyCode;
}
 
</script>
</head>
 
<body onkeyup="showKeyCode(event)">
<p>按下键盘上的键,文本框中会显示对应的code</p>
<input type="text" id="result" value="1" />
</body>
 
</html>

以上所述就是本文的全部内容了,希望大家能够喜欢。

Javascript 相关文章推荐
做网页的一些技巧
Feb 01 Javascript
JavaScript面象对象设计
Apr 28 Javascript
JS焦点图切换,上下翻转
May 12 Javascript
jQuery中阻止冒泡事件的方法介绍
Apr 12 Javascript
全面解析JavaScript中“&amp;&amp;”和“||”操作符(总结篇)
Jul 18 Javascript
AngularJS验证信息框架的封装插件用法【w5cValidator扩展插件】
Nov 03 Javascript
微信小程序仿知乎实现评论留言功能
Nov 28 Javascript
JavaScript剩余操作符Rest Operator详解
Jul 20 Javascript
vue弹出框组件封装实例代码
Oct 31 Javascript
Bootstrap实现前端登录页面带验证码功能完整示例
Mar 26 Javascript
vue+vant使用图片预览功能ImagePreview的问题解决
Apr 10 Javascript
JSON获取属性值方法代码实例
Jun 30 Javascript
js中this用法实例详解
May 05 #Javascript
javascript中返回顶部按钮的实现
May 05 #Javascript
JS简单实现动画弹出层效果
May 05 #Javascript
教你使用javascript简单写一个页面模板引擎
May 05 #Javascript
关于延迟加载JavaScript
May 05 #Javascript
Javascript闭包(Closure)详解
May 05 #Javascript
javascript实现仿IE顶部的可关闭警告条
May 05 #Javascript
You might like
极典R601SW收音机
2021/03/02 无线电
咖啡机如何保养和日常清洁?
2021/03/03 冲泡冲煮
PHP4之真OO
2006/10/09 PHP
php5.4以下版本json不支持不转义内容中文的解决方法
2015/01/13 PHP
在Thinkphp中使用ajax实现无刷新分页的方法
2016/10/25 PHP
Laravel框架中Blade模板的用法示例
2017/08/30 PHP
学习ExtJS fit布局使用说明
2009/10/08 Javascript
五段实用的js高级技巧
2011/12/20 Javascript
关于jquery ajax 调用带参数的webservice返回XML数据一个小细节
2012/07/31 Javascript
捕获键盘事件(且兼容各浏览器)
2013/07/03 Javascript
js实现带圆角的两级导航菜单效果代码
2015/08/24 Javascript
form表单转Json提交的方法(推荐)
2016/09/23 Javascript
vue获取当前激活路由的方法
2018/03/17 Javascript
JavaScript中为事件指定处理程序的五种方式分析
2018/07/27 Javascript
详解Vue SSR( Vue2 + Koa2 + Webpack4)配置指南
2018/11/13 Javascript
Element el-button 按钮组件的使用详解
2021/02/01 Javascript
[53:38]OG vs LGD 2018国际邀请赛淘汰赛BO3 第三场 8.26
2018/08/30 DOTA
[57:36]DOTA2-DPC中国联赛 正赛 SAG vs CDEC BO3 第三场 2月1日
2021/03/11 DOTA
Python实现的多进程和多线程功能示例
2018/05/29 Python
详解Python 装饰器执行顺序迷思
2018/08/08 Python
详解Pycharm出现out of memory的终极解决方法
2020/03/03 Python
django配置app中的静态文件步骤
2020/03/27 Python
使用 css3 transform 属性来变换背景图的方法
2019/05/07 HTML / CSS
HTML5实现简单图片上传所遇到的问题及解决办法
2016/01/20 HTML / CSS
美国现代家具网站:Design Within Reach
2018/07/19 全球购物
New Balance加拿大官方网站:运动鞋和健身服装
2018/11/19 全球购物
美国在线宠物商店:Chewy
2019/01/12 全球购物
幼儿师范毕业生自荐信
2013/11/09 职场文书
金融专业个人求职信范文
2013/11/28 职场文书
财务支持类个人的自我评价
2014/02/14 职场文书
森林防火工作方案
2014/02/14 职场文书
《学棋》教后反思
2014/04/14 职场文书
娱乐节目策划方案
2014/06/10 职场文书
golang 实现并发求和
2021/05/08 Golang
python3操作redis实现List列表实例
2021/08/04 Python
阿里云 Windows server 2019 配置FTP
2022/04/28 Servers