js键盘事件全面控制

时间：2008-02-21 12:51:00　

这个是捕获键盘事件输入状态的js代码，它可以判断你敲打了键盘的那个键，ctrl、shift，26个字母等等，返回具体键盘值。

<html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312"><title>键盘事件全面控制 - asp之家</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

投稿

js键盘事件全面控制

猜你喜欢

ORACLE LATERAL-SQL-INJECTION 个人见解

ASP程序中使用断开的数据记录集

jQuery 1.4新特性及其变化(上)

oracle & mysql 多实例启动区别

ASP 判断是否有中文的代码

怎样在SQL Server中去除表中不可见字符

[欣赏] 情景互动广告

Oracle 数据库导出(exp)导入(imp)说明

ASP中Request对象获取客户端数据的顺序

详尽解析javascript event对象

ASP读取MySQL数据库出现乱码的解决办法

HTML与CSS在Flash中的应用

使用Javascript面向对象的思想编写ASP

是在客户端确认还是在服务器端确认？

用SQL语句添加删除修改字段、一些表与字段的基本操作、数据库备份等

Quickwork For Asp －实战之后台管理

ASP中数据库调用中常见错误的现象和解决

关于文件命名

xml xpath基础语法

ASP生成静态页面的方法