<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>键盘事件全面控制</title>
<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>
</BODY>
</HTML>
分享到：
相关推荐
JS 键盘事件全面控制 兼容 FireFox 和 IE JS 键盘事件是指在网页中捕捉用户按键操作的事件，并对其进行相应的处理。JS 键盘事件可以分为三种类型：keydown、keypress 和 keyup，它们分别对应 onkeydown、onkeypress...
- **键盘事件冒泡与捕获阶段**：理解事件传播机制有助于更好地控制事件处理流程。 - **键盘布局与语言**：不同国家/地区的键盘布局可能有所不同，这会影响按键的实际效果。 - **触摸屏设备上的键盘事件**：随着移动...
在Web开发中，实现键盘事件的全面控制是一项基础而重要的任务，尤其是对于需要对用户输入进行即时响应的应用程序来说。今天，我们就来深入探讨JavaScript（js）中如何对键盘事件进行全面的控制，包括不同浏览器之间...
在这个全面控制的脚本中，我们将深入理解键盘事件的类型、如何获取按键信息以及如何在网页上展示这些信息。 首先，我们有三个主要的键盘事件： 1. `onkeydown`：当用户按下键盘上的一个键时触发。这个事件允许我们...
键盘事件全面控制，html，查看按键值 key, 键盘上对应的值
"键盘控制Verilog代码"是针对FPGA开发的一个项目，旨在帮助初学者理解如何通过键盘输入来控制FPGA开发板。在本项目中，我们将探讨Verilog语言的基础，PS2接口的工作原理，以及如何将这两者结合以实现键盘与FPGA之间...
总之，"java控制windows鼠标键盘"项目结合了Java的AWT/SWT库以及可能的WinAPI/JNA技术，为开发者提供了一个全面的解决方案，用于在Windows环境下实现鼠标、键盘和触摸设备的控制。通过这个工具箱，开发者可以轻松地...
### JS键盘事件详解 在JavaScript编程中，键盘事件是非常重要的交互元素之...通过本文的详细介绍，相信您已经对JS中的键盘事件有了较为全面的理解。在实际项目开发中，合理运用这些知识将会使您的应用更加友好、实用。
通过理解和掌握这些知识点，开发者能够实现对小键盘的全面控制，无论是简单的输入模拟还是复杂的自动化任务，都能够游刃有余。在实践中，需要根据具体的需求选择合适的技术栈和方法，灵活运用各种编程技巧来解决问题...
### 大华网络控制键盘NKB1000使用指南 #### 一、产品概述 大华网络控制键盘NKB1000是一款专为监控系统设计的专业键盘，旨在提供高效便捷的操作体验。该键盘支持多种监控设备的控制，包括硬盘录像机（DVR）、球形...
通过结合`keydown`、`keypress`和`keyup`事件，可以实现对键盘输入的全面控制。同时，利用`event`对象的属性和跨浏览器检测，能够编写出兼容性良好的键盘事件处理代码。在实际开发中，应持续关注新的浏览器特性，...
在调试与实现阶段，设计者逐步添加和测试各个功能模块，从LED的基本显示到实现矩阵键盘的全面控制，直至完成整个系统的功能验证。 #### 关键模块解析 - **键盘控制模块**：负责扫描矩阵键盘，识别单个按键的按下...
标题提到的"matlab模拟鼠标键盘操作，功能全面"，指的是使用MATLAB编写程序来模拟用户的各种鼠标和键盘交互行为。描述中的"INPUTEMU Java-Based Mouse/Keyboard Emulator"是一个基于Java的库，它被集成到MATLAB中，...
【标题】"功能全面的C# 虚拟键盘"所涉及的知识点主要集中在C#编程语言、软件开发以及人机交互领域。该标题表明这是一个使用C#编写的虚拟键盘项目，具有广泛的输入功能和多语言支持。在C#中，开发这样的应用程序需要...
《鼠标键盘控制器V2.5.2模拟器安装详解》 在信息技术领域，自动化和便捷操作工具始终受到用户的青睐。其中，鼠标键盘控制器扮演着重要角色，它允许用户通过编程来实现一系列复杂的操作，极大地提高了工作效率。本文...
"笔记本电脑用键盘控制鼠标"这一技术允许用户通过键盘快捷键来实现鼠标的常见功能，如移动、点击和滚动，从而提高工作效率，特别是在需要精确选择或操作的场景下。 首先，我们要理解这种技术的基本原理。键盘控制...
HD7279A作为一款集成度高、功能全面的LED及键盘控制芯片，在嵌入式系统中有广泛的应用前景。通过对它的深入了解和合理利用，可以在实际项目中发挥重要作用。无论是对于初学者还是有经验的工程师来说，掌握HD7279A的...