键盘按钮keyCode大全

最新推荐文章于 2023-12-05 19:34:39 发布
最新推荐文章于 2023-12-05 19:34:39 发布
阅读量1.2k 收藏
点赞数
分类专栏： html+css+div js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/happy_jijiawei/article/details/52275260
版权 
<STYLE TYPE="text/css">   
TD {text-align:center}   
</STYLE>   
<SCRIPT LANGUAGE="JavaScript">   
function init() {   
    document.onkeydown = showKeyDown   
    document.onkeyup = showKeyUp   
    document.onkeypress = showKeyPress   
}   
  
function showKeyDown(evt) {   
    evt = (evt) ? evt : window.event   
    document.getElementById("pressKeyCode").innerHTML = 0   
    document.getElementById("upKeyCode").innerHTML = 0   
    document.getElementById("pressCharCode").innerHTML = 0   
    document.getElementById("upCharCode").innerHTML = 0   
    restoreModifiers("")   
    restoreModifiers("Down")   
    restoreModifiers("Up")   
    document.getElementById("downKeyCode").innerHTML = evt.keyCode   
    if (evt.charCode) {   
        document.getElementById("downCharCode").innerHTML = evt.charCode   
    }   
    showModifiers("Down", evt)   
}   
function showKeyUp(evt) {   
    evt = (evt) ? evt : window.event   
    document.getElementById("upKeyCode").innerHTML = evt.keyCode   
    if (evt.charCode) {   
        document.getElementById("upCharCode").innerHTML = evt.charCode   
    }   
    showModifiers("Up", evt)   
    return false   
}   
function showKeyPress(evt) {   
    evt = (evt) ? evt : window.event   
    document.getElementById("pressKeyCode").innerHTML = evt.keyCode   
    if (evt.charCode) {   
        document.getElementById("pressCharCode").innerHTML = evt.charCode   
    }   
    showModifiers("", evt)   
    return false   
}   
function showModifiers(ext, evt) {   
    restoreModifiers(ext)   
    if (evt.shiftKey) {   
        document.getElementById("shift" + ext).style.backgroundColor = "#ff0000"   
    }   
    if (evt.ctrlKey) {   
        document.getElementById("ctrl" + ext).style.backgroundColor = "#00ff00"   
    }   
    if (evt.altKey) {   
        document.getElementById("alt" + ext).style.backgroundColor = "#0000ff"   
    }   
}   
function restoreModifiers(ext) {   
    document.getElementById("shift" + ext).style.backgroundColor = "#ffffff"   
    document.getElementById("ctrl" + ext).style.backgroundColor = "#ffffff"   
    document.getElementById("alt" + ext).style.backgroundColor = "#ffffff"   
}   
</SCRIPT>   
</HEAD>   
  
<BODY onLoad="init()">   
<H1>Keyboard Event Handler Lab</H1>   
<HR>   
<FORM>   
<TABLE BORDER=2 CELLPADDING=2>   
<TR><TH></TH><TH>onKeyDown</TH><TH>onKeyPress</TH><TH>onKeyUp</TH></TR>   
<TR><TH>Key Codes</TH>   
    <TD ID="downKeyCode">0</TD>   
    <TD ID="pressKeyCode">0</TD>   
    <TD ID="upKeyCode">0</TD>   
</TR>   
<TR><TH>Char Codes (IE5/Mac; NN6)</TH>   
    <TD ID="downCharCode">0</TD>   
    <TD ID="pressCharCode">0</TD>   
    <TD ID="upCharCode">0</TD>   
</TR>   
<TR><TH ROWSPAN=3>Modifier Keys</TH>   
    <TD><SPAN ID="shiftDown">Shift</SPAN></TD>   
    <TD><SPAN ID="shift">Shift</SPAN></TD>   
    <TD><SPAN ID="shiftUp">Shift</SPAN></TD>   
</TR>   
<TR>   
    <TD><SPAN ID="ctrlDown">Ctrl</SPAN></TD>   
    <TD><SPAN ID="ctrl">Ctrl</SPAN></TD>   
    <TD><SPAN ID="ctrlUp">Ctrl</SPAN></TD>   
</TR>   
<TR>   
    <TD><SPAN ID="altDown">Alt</SPAN></TD>   
    <TD><SPAN ID="alt">Alt</SPAN></TD>   
    <TD><SPAN ID="altUp">Alt</SPAN></TD>   
</TR>   
</TABLE>   
</FORM>

afterrains
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
java事件 键盘事件 实例代码
04-02
java事件 键盘事件 实例代码java事件 键盘事件 实例代码
js键盘事件全面控制
hjpengjava的专栏
10-30 2808
 这个是捕获键盘事件输入状态的js代码，它可以判断你敲打了键盘的那个键，ctrl、shift，26个字母等等，返回具体键盘值。Javascript:keyCode键盘键码值表键盘事件全面控制 - 扮靓吧时尚女生论坛www.mei828.cn TD {text-align:center}function init() {document.onkeydown = showKeyDo
event.keycode值大全
12-15 1308
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 keycode 20 = Caps_Lock keyco
js键盘事件代码
聚焦
12-26 517
http://hi.baidu.com/nocturue/blog/item/9c333709dee7fea32fddd4de.html 太阳系 - http://blog.csdn.net/fellting
java键盘事件代码_请教键盘事件问题
weixin_31080717的博客
02-25 136
请教键盘事件问题import java.awt.*;import java.awt.event.*;import javax.swing.*;import java.util.*;public class Snake extends JFrame{int x,y;int X,Y;int loc;int i=20;static int pointX=20;static int pointY=20;A...
asp.net控制键盘keycode事件
04-20
`keyCode`是JavaScript中的一个属性，它在键盘事件（如`keydown`、`keyup`和`keypress`）中被用来识别用户按下的是哪个键。当用户按下键盘上的键时，浏览器会生成一个事件对象，该对象包含了`keyCode`属性，其值对应...
jQuery键盘按钮响应事件代码
06-24
本篇文章将深入探讨如何使用jQuery实现键盘按钮响应事件，以便用户在按下键盘按键时，可以触发与点击按钮相同的功能。 首先，我们需要了解jQuery中的事件绑定方法，最常用的是`on()`函数。`on()`函数可以用来监听...
屏蔽相应键盘按钮操作
09-04
在计算机编程领域，有时我们需要对用户的输入进行控制，比如在特定场景下禁止用户使用某些键盘按钮，以确保程序的正常运行或提供特定的安全性。本文将深入探讨如何通过JavaScript实现键盘按钮的屏蔽功能，这对于创建...
键盘按钮对应代码
06-30
标题：“键盘按钮对应代码” 描述：“用笔记本玩小时候游戏机街机要知道的按键设置” 从这份文档中，我们可以深入了解到电脑键盘上各个按键所对应的按键码（Keycode），这对于理解键盘输入、编程控制以及在特定...
jQuery键盘按钮响应事件特效代码
03-20
在本案例中，我们关注的是"jQuery键盘按钮响应事件特效代码"，这涉及到如何利用jQuery监听键盘事件并实现与点击按钮相同的效果。 首先，让我们深入理解jQuery中的事件处理。在JavaScript中，事件是用户与页面交互时...
Android 对应键盘KeyCode
01-10
Android 对应键盘KeyCode，主要用于开发蓝牙键盘获取code值而存的
js监听键盘事件示例代码
vip_linux的专栏
07-27 1275
使用js如何监听键盘事件的例子分享。 代码如下： /** * js监听键盘事件 * edit by www.jbxue.com */ var isPiss=0; document.onkeydown=function(event){ var e = event || window.event || arguments.callee.caller.arguments[0]; if(e &&
键盘事件【JS + JAVA】
Zhousan0125的博客
06-05 2034
在处理持续按键事件时，使用KeyEvent对象的getID()方法来检查按键的类型，以确定该事件是按下事件还是释放事件。Java中的键盘事件类KeyEvent包含了大量的常量来表示不同按键的keyCode值，可以通过KeyEvent.VK_*的方式来访问它们。：在处理键盘事件时，可以通过KeyEvent对象的getExtendedKeyCode()方法来获取按键的keyCode值。：当用户按下键盘上的任何键时触发。：对于按下、释放和键入按键时发生的事件，Java提供了三个不同的方法来处理键盘事件。
键盘事件示例
weixin_46156174的博客
02-13 1252
package 键盘事件; import java.awt.event.KeyEvent; import javax.swing.JFrame; public class Test extends JFrame{ public static void main(String[] args) { Test test=new Test(); test.loading(); } int width=500; int height=250; public void loading() .
前端学习（886）：常用的键盘事件
歌谣的博客
04-18 542
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document&l...
event.keyCode用法及keyCode对照表
weixin_45582785的博客
07-02 985
HTML用户名：<input type="text" id="UserAccount" onKeyPress="JumpByEnter(UserPwd)" />密码：<input name="UserPwd" type="password" onKeyPress="IsEnterKe...
appium 常用键盘操作
wenzhp1975的博客
05-31 3520
指令：driver.keyevent(数字代号)，括号内填入的是物理按键的数字代号。appium也可以调用selenium的物理按键指令来操作： driver.press_keycode(数字代号) ，括号内填入的是pc端键盘的代号。 例如： driver.keyevent(4) # 模拟按下手机键盘的返回 driver.keyevent(66) #模拟键盘回车 附上手机键盘各按...
Robotframework键盘操作 press keycode
魔都虫师的博客
11-18 3460
今天，我聊一聊如何向Android发送keycode键盘事件， 这是在Android测试中必不可少的部分。 开门见山，我们今天要谈到的keyword就是“Press Keycode”，它有2个参数keycode 和 metastate=None。 对于Android的keycode，大家关于参考Android官方链接：http://developer.android.com/referenc...
全网最新最全面的Appium自动化：Appium常用操作之按键类操作
最新发布
MXB_1220的博客
12-05 663
也方便你下次能够快速查找。如有不懂还要咨询下方小卡片，博主也希望和志同道合的测试人员一起学习进步在适当的年龄，选择适当的岗位，尽量去发挥好自己的优势。我的自动化测试开发之路，一路走来都离不每个阶段的计划，因为自己喜欢规划和总结，测试开发视频教程、学习笔记领取传送门！！
键盘按钮keyCode大全：获取按键对应的键值的方法
06-07
获取按键对应的键值可以使用JavaScript中的事件对象，在事件处理函数中通过event.keyCode来获取，例如： ``` document.addEventListener('keydown', function(event) { console.log(event.keyCode); }); ``` 需要注意的是，keyCode已经被废弃，推荐使用key或者code属性来获取按键对应的键值，例如： ``` document.addEventListener('keydown', function(event) { console.log(event.key); console.log(event.code); }); ``` 这样可以获取到更准确的键值。同时，需要注意不同浏览器对键值的解释可能有差异，需要进行兼容性处理。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值