javascript键盘事件全面控制脚本代码_javascript技巧-js教程-PHP中文网

Keyboard Event Handler Lab

首页

web前端

js教程

javascript键盘事件全面控制脚本代码_javascript技巧

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB

May 16, 2016 pm 07:04 PM

javascript 事件脚本键盘

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>

<h1 id="Keyboard-Event-Handler-Lab">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>

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

本站声明

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn

热AI工具

Undresser.AI Undress

人工智能驱动的应用程序，用于创建逼真的裸体照片

AI Clothes Remover

用于从照片中去除衣服的在线人工智能工具。

Undress AI Tool

免费脱衣服图片

Clothoff.io

AI脱衣机

AI Hentai Generator

免费生成ai无尽的。

显示更多

热工具

记事本++7.3.1

好用且免费的代码编辑器

SublimeText3汉化版

中文版，非常好用

禅工作室 13.0.1

功能强大的PHP集成开发环境

Dreamweaver CS6

视觉化网页开发工具

SublimeText3 Mac版

神级代码编辑软件(SublimeText3)

显示更多

热门话题

gmail邮箱登陆入口在哪里

7413

CakePHP 教程

1359

steam的账户名称是什么格式

win11激活密钥永久

显示更多

Related knowledge

下划线在键盘上怎么打如何不打字只打下划线 Feb 22, 2024 pm 07:46 PM

将输入法调至英文后按住Shift键和减号键即可。教程适用型号：联想AIO520C系统：Windows10专业版版本：MicrosoftOfficeWord2022解析1首先检查输入法的中英文打字，调整至英文。2然后同时按住键盘上的Shift键和减号键。3检查界面，即可查看已打出的下划线。补充：Word文档如何快捷输入下划线1如果需要在Word中输入下划线，用鼠标选中空格后，选择字体菜单中选择下划线类型即可输入。总结/注意事项一定要先将输入法换至英文再进行操作，否则无法成功输入下划线。

剪映怎么制作脚本？剪映制作脚本的方法教程 Mar 13, 2024 pm 12:46 PM

　　剪映是一款视频编辑工具，带有全面的剪辑功能，支持变速，有多样滤镜和美颜的效果，还有丰富的曲库资源。在这款软件中，可以直接对视频进行剪辑，也可以创建剪辑脚本，但是应该怎么操作呢？本篇教程小编就来介绍一下剪映制作脚本的方法。　　制作方法　　1、在电脑中点击打开剪映软件，然后找到“创作脚本”选项，点击打开。　　2、在创作脚本页面中，输入“脚本标题”，然后在大纲中输入拍摄内容的简介。　　3、如何在大纲中就能看到“分镜描述”选项，在框内可以

Windows笔记本电脑上的键盘自动打字 Feb 19, 2024 pm 05:33 PM

计算机的输入设备如键盘和鼠标都需要人类操作，不能独立运行。Windows笔记本电脑上的触摸板和键盘也一样。文本不会自动输入，鼠标也不会自动点击。若发生异常情况，一定存在原因。如果遇到笔记本电脑键盘自动输入问题，请按照指南进行修复。Windows笔记本电脑上的键盘自动打字当您的Windows笔记本电脑上的键盘自动打字时，您可以通过以下方式进行修复。手动检查键盘确保键盘工作正常检查笔记本电脑是否已远程连接检查是否有任何自动打字程序正在运行运行恶意软件扫描调整键盘设置重新安装键盘驱动程序让我们详细了解

如何在Windows 11的任何键盘上分配Copilot按钮 Feb 20, 2024 am 10:33 AM

未来几个月将推出的Windows11电脑键盘上将新增一个Copilot键。该键可让用户在不升级新PC的情况下，通过按下指定按钮轻松进入副驾驶模式。本指南将详细介绍如何在任何Windows11键盘上设置副驾驶按钮。微软近日宣布，他们在推进人工智能辅助驾驶方面取得了重要进展。Windows11将新增一个专门的Copilot密钥，进一步提升个人电脑用户的体验。这一硬件变化代表了WindowsPC键盘三十年来的首次重大升级。接下来几个月，新的Windows11电脑将会搭载全新的Copilot键设计在键盘

如何在Linux系统中执行.sh文件？ Mar 14, 2024 pm 06:42 PM

如何在Linux系统中执行.sh文件？在Linux系统中，.sh文件是一种被称为Shell脚本的文件，用于执行一系列的命令。执行.sh文件是非常常见的操作，本文将介绍如何在Linux系统中执行.sh文件，并提供具体的代码示例。方法一：使用绝对路径执行.sh文件要在Linux系统中执行一个.sh文件，可以使用绝对路径来指定该文件的位置。以下是具体的步骤：打开终

VGN 联名《艾尔登法环》键鼠系列产品上架：菈妮 / 褪色者定制主题，首发 99 元起 Aug 12, 2024 pm 10:45 PM

本站8月12日消息，VGN于8月6日推出了联名《艾尔登法环》键鼠系列产品，包含键盘、鼠标和鼠标垫，采用菈妮/褪色者定制主题设计，目前系列产品已上架京东，售价99元起。本站附联名新品信息如下：VGN丨艾尔登法环S99PRO键盘该键盘采用纯铝合金外壳，辅以五层消音结构，使用GASKET板簧结构，拥有单键开槽PCB、原厂高度PBT材质键帽、铝合金个性化背板；支持三模连接和SMARTSPEEDX低延迟技术；接入VHUB，可一站式管理多款设备，首发549元。VGN丨艾尔登法环F1PROMAX无线鼠标该鼠标

微信键盘怎么设置皮肤微信键盘皮肤的设置方法 Mar 13, 2024 am 09:04 AM

　　微信键盘怎么设置皮肤？微信键盘是一款非常智能的手机输入法软件，这个软件上面有好多人性化的功能，它可以让用户自己选择输入模式，还可以在这个软件上面以最快的速度找到自己想要的表情然后发出去。这个软件上面还可以让用户自己更换键盘的皮肤，很多用户都还不太清楚要怎么更换皮肤，下面小编整理了皮肤的更换方式供大家参考。微信键盘皮肤的设置方法在手机的微信、短信或其他需要使用键盘的应用中，您可以点击键盘左上角的输入法设置图标，进入设置页面查看各种输入法的功能设置选项。　　2、在输入法的设置页面点击“个性皮肤

迈从 K87 三模机械键盘新增'风信子轴”'冰淇淋轴”版：Gasket 结构，首发价 299 元起 Feb 29, 2024 pm 05:00 PM

本站2月29日消息，迈从今日为K87三模机械键盘推出了“风信子轴”“琉光冰淇淋轴”两款版本，该键盘主打“Gasket结构、80%配列”，相关轴体键盘价格信息如下：“风信子轴”版：首发价299元“琉光冰淇淋轴”版：首发价379元据介绍，系列键盘使用Gasket结构，采用87键80%配列，全键无冲，支持热插拔，号称选用“原厂/MDA双色PBT键帽”，使用1.2mm单键开槽PCB（下灯位），配备RGB灯效，并拥有磁吸收纳铭牌设计。此外，这款键盘配备6000毫安电池，无线延迟3ms，官方未公布键盘尺寸及

See all articles

javascript键盘事件全面控制脚本代码_javascript技巧

热AI工具

Undresser.AI Undress

AI Clothes Remover

Undress AI Tool

Clothoff.io

AI Hentai Generator

热门文章

热工具

记事本++7.3.1

SublimeText3汉化版

禅工作室 13.0.1

Dreamweaver CS6

SublimeText3 Mac版

热门话题