编程 Javascript

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>

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

- Author -

hebedich

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

js+css使DIV始终居于屏幕中间左下左上右上右下的代码集合

Mar 10 Javascript

js文件Cookie存取值示例代码

Feb 20 Javascript

实现前后端数据交互方法汇总

Apr 07 Javascript

js获取表格的行数和列数的方法

Oct 23 Javascript

常见的javascript跨域通信方法

Dec 31 Javascript

基于Bootstrap+jQuery.validate实现表单验证

May 30 Javascript

JS实现六边形3D拖拽翻转效果的方法

Sep 11 Javascript

vuejs绑定class和style样式

Apr 11 Javascript

详解es6新增数组方法简便了哪些操作

May 09 Javascript

layui 表格操作列按钮动态显示的实现方法

Sep 06 Javascript

浅谈v-for 和 v-if 并用时筛选条件方法

Nov 07 Javascript

Javascript实现打鼓效果

Jan 29 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

《Pokemon Sword·Shield》系列WEB动画《薄明之翼》第2话声优阵容公开！

2020/03/06 日漫

多文件上传的例子

2006/10/09 PHP

js传值判断

2006/10/26 Javascript

jQuery 数据缓存data(name, value)详解及实现

2010/01/04 Javascript

JS中confirm,alert,prompt函数使用区别分析

2010/04/01 Javascript

JavaScript操作XML实例代码（获取新闻标题并分页，并分页）

2010/05/25 Javascript

javascript是怎么继承的介绍

2012/01/05 Javascript

Javascript 拖拽雏形中的一些问题(逐行分析代码，让你轻松了拖拽的原理)

2015/01/23 Javascript

跟我学习javascript的作用域与作用域链

2015/11/19 Javascript

jQuery手动点击实现图片轮播特效

2020/04/20 Javascript

jQuery prototype冲突的2种解决方法(附demo示例下载)

2016/01/21 Javascript

JS实现复制内容到剪贴板功能兼容所有浏览器(推荐)

2016/06/17 Javascript

ECMAScript6轮播图实践知识总结

2016/08/17 Javascript

javascript中this用法实例详解

2017/04/06 Javascript

Angular2使用Guard和Resolve进行验证和权限控制

2017/04/24 Javascript

bootstrap datetimepicker控件位置异常的解决方法

2017/11/23 Javascript

vue获取元素宽、高、距离左边距离,右,上距离等还有XY坐标轴的方法

2018/09/05 Javascript

Vue表单控件绑定图文详解

2019/02/11 Javascript

JavaScript封闭函数及常用内置对象示例

2019/05/13 Javascript

Vue解析剪切板图片并实现发送功能

2020/02/04 Javascript

[01:54]TI4西雅图DOTA2选手欢迎晚宴现场报道

2014/07/08 DOTA

利用Python的Twisted框架实现webshell密码扫描器的教程

2015/04/16 Python

python 爬取微信文章

2016/01/30 Python

完美解决Python 2.7不能正常使用pip install的问题

2018/06/12 Python

【python】matplotlib动态显示详解

2019/04/11 Python

python实现微信定时每天和女友发送消息

2019/04/29 Python

基于Python实现剪切板实时监控方法解析

2019/09/11 Python

python基于gevent实现并发下载器代码实例

2019/11/01 Python

一篇文章教你用python画动态爱心表白

2020/11/22 Python

python 实现客户端与服务端的通信

2020/12/23 Python

ASP.NET Core中的配置详解

2021/02/05 Python

英国时尚饰品和发饰购物网站：Claire’s

2017/07/04 全球购物

临时用工协议书范本

2014/10/29 职场文书

2014年库房工作总结

2014/11/26 职场文书

工作态度检讨书范文

2015/05/06 职场文书

nginx配置文件使用环境变量的操作方法

2021/06/02 Servers