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

小小的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>

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

赞 (0)

相关推荐

  • js中获取键盘事件的简单实现方法

    <script type="text/javascript" language=JavaScript charset="UTF-8"> document.onkeydown=function(event){ var e = event || window.event || arguments.callee.caller.arguments[0]; if(e && e.keyCode==27){ // 按 Esc //要做的事情 } if(

  • js捕捉键盘事件和按键键值的方法

    如下所示: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Co

  • js获取及判断键盘按键的方法

    本文实例讲述了js获取及判断键盘按键的方法.分享给大家供大家参考,具体如下: js 里面的键盘事件经常用到,所以收集了键盘事件对应的键码来分享下: keyCode 8 = BackSpace BackSpace keyCode 9 = Tab Tab keyCode 12 = Clear keyCode 13 = Enter keyCode 16 = Shift_L keyCode 17 = Control_L keyCode 18 = Alt_L keyCode 19 = Pause keyC

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

    小小的demo,用js捕捉键盘盘上按下了那个键,然后展示出对应的code值 <!DOCTYPE html> <html> <head> <script> function showKeyCode(event) { document.getElementById("result").value= event.keyCode; } </script> </head> <body onkeyup="sho

  • 禁用键盘上的(全局)指定键兼容iE、Chrome、火狐

    首先你要确定你是要禁用全局的还是指定控件 ,如我只要禁用一个文本框的上下键 复制代码 代码如下: NoExec = function(event) { var k = event.which || event.keyCode; if (k == 13 || k == 38 || k == 40) { if ($("#atWinByArea").attr("id")) { if (event.which) {//火狐 event.preventDefault(); }

  • 键盘上一张下一张兼容IE/google/firefox等浏览器

    复制代码 代码如下: < script language = "javascript" > document.onkeydown = chang_page; function chang_page(event) { var event = event ? event : (window.event ? window.event : null); var key = event.keyCode || event.which; if (key == 37 || key == 3

  • 使用Android实现一个悬浮在软键盘上的输入栏

    目录 前言 悬浮栏 横屏时软键盘全屏 监听软键盘(该方法不可靠,废弃,下面有靠谱的) 靠谱的监听软键盘的方法 终极悬浮方式 如果变小了 如果变大了 最终代码 总结 前言 我们要实现一个悬浮在软键盘上的输入栏(即一个悬浮栏),过程中遇到了很多问题,查阅了一些网上的文章,结果发现不少是错误的,走了一些弯路,这里就一一记录一下. 悬浮栏 实现悬浮栏很简单 chatInputPanel.setVisibility(View.VISIBLE); chatInputEt.setFocusable(true)

  • JavaScript实现非常简单实用的下拉菜单效果

    JavaScript实现非常简单实用的下拉菜单效果

    本文实例讲述了JavaScript实现非常简单实用的下拉菜单效果.分享给大家供大家参考.具体如下: 这是一款实用的JS下拉菜单,鼠标移上菜单就显示出二级菜单,是从其它网站上整理下来的,修改花了不少时间,现在去除了一些无用代码,更简洁了,而且代码兼容性似乎也表现不错,这款两级下拉菜单,基本是由CSS和JavaScript共同实现的,真的挺简洁实用. 运行效果截图如下: 在线演示地址如下: http://demo.jb51.net/js/2015/js-css-down-show-menu-code

  • javascript实现可键盘控制的抽奖系统

    javascript实现可键盘控制的抽奖系统

    制作一个简易的抽奖系统!欢迎大家学习! JS原理:建立一个数组用来存储抽奖内容,例如 iphone6 等,当点击开始的时候,开启定时器,产生一个随机数,把对应文本的innerHTML改成数组所对应的内容. 如果想让某个抽奖几率变高,可以让数组中某个值重复次数多点.接下来看代码.. JavaScript代码 window.onload = function(){ var data = [ "iphone 6s plus", "苹果Mac 笔记本", "美的洗

  • javascript实现鼠标放上后下边对应内容变换的效果

    javascript实现鼠标放上后下边对应内容变换的效果

    本文实例讲述了javascript实现鼠标放上后下边对应内容变换的效果.分享给大家供大家参考.具体如下: 这是个网上比较常见的菜单效果,鼠标放上后相应的内容会切换,图文布局方式.技术方面,是JS和CSS相配合来实现,代码中的JS部分,你可以单独摘取出来保存成一个JS文件,然后引入到页面中,这样使主页面代码简洁些.本效果在ie.火狐等浏览器下测试正常. 运行效果如下图所示: 具体代码如下: <html> <head> <title>鼠标放上后下面的内容切换</tit

  • 原生javascript实现文件异步上传的实例讲解

    原生javascript实现文件异步上传的实例讲解

    效果图: 代码:(demo33.jsp) <%@ page contentType="text/html;charset=UTF-8" language="java" %> <html> <head> <title>demo33.jsp</title> </head> <body> <label for="text">名称</label>

  • jquery 按键盘上的enter事件

    接下来我们使用Jquery实现回车键Enter切换焦点,此代码在常用浏览器IE7, IE8, Firefox 3, Chrome 2 和 Safari 4测试通过.使用的开发工具是微软VS2010+Jquery框架 实现步骤如下 1.首先引用Jquery类库 <script src="Scripts/jquery-1.4.1.min.js" type="text/javascript"></script> 2.Javascript代码 复制代

随机推荐