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信箱登陸入口在哪裡

7467

CakePHP 教程

1376

steam的賬戶名稱是什麼格式

win11激活密鑰永久

NYT連接提示和答案

Related knowledge

底線在鍵盤上怎麼打如何不打字只打底線 Feb 22, 2024 pm 07:46 PM

將輸入法調至英文後按住Shift鍵和減號鍵即可。教學適用型號：聯想AIO520C系統：Windows10專業版版本：MicrosoftOfficeWord2022解析1先檢查輸入法的中英文打字，調整至英文。 2然後同時按住鍵盤上的Shift鍵和減號鍵。 3檢查介面，即可查看已打出的底線。補充：Word文件如何快速輸入底線1如果需要在Word中輸入下劃線，用滑鼠選取空格後，選擇字體選單中選擇底線類型即可輸入。總結/注意事項一定要先將輸入法換至英文再進行操作，否則無法成功輸入底線。

Windows筆記型電腦上的鍵盤自動打字 Feb 19, 2024 pm 05:33 PM

電腦的輸入設備如鍵盤和滑鼠都需要人類操作，不能獨立運作。 Windows筆記型電腦上的觸控板和鍵盤也是一樣。文字不會自動輸入，滑鼠也不會自動點擊。若發生異常情況，一定有原因。如果遇到筆記型電腦鍵盤自動輸入問題，請按照指南進行修復。 Windows筆記型電腦上的鍵盤會自動打字當您的Windows筆記型電腦上的鍵盤自動打字時，您可以透過以下方式進行修復。手動檢查鍵盤確保鍵盤工作正常檢查筆記型電腦是否已遠端連接檢查是否有任何自動打字程式正在運行運行惡意軟體掃描調整鍵盤設定重新安裝鍵盤驅動程式讓我們詳細了解

剪映怎麼製作腳本？剪下製作腳本的方法教程 Mar 13, 2024 pm 12:46 PM

　　剪映是影片編輯工具，具有全面的剪輯功能，支援變速，有多元濾鏡和美顏的效果，還有豐富的曲庫資源。在這款軟體中，可以直接對影片進行剪輯，也可以建立剪輯腳本，但是該怎麼操作呢？本篇教學小編就來介紹一下剪映製作腳本的方法。　　製作方法　　1、在電腦中點選開啟剪映軟體，然後找到「創作腳本」選項，點選開啟。　　2、在創作腳本頁面中，輸入“腳本標題”，然後在大綱中輸入拍攝內容的簡介。　　3、如何在大綱中就能看到「分鏡描述」選項，在框內可以

如何在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無線滑鼠該滑鼠

邁從 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，官方未公佈鍵盤尺寸及

蘋果手機鍵盤怎麼設定手寫輸入法 Mar 08, 2024 pm 02:30 PM

蘋果手機鍵盤使用者想要設定手寫輸入法，但不知道怎麼操作，其實是很簡單的，使用者可以在手機的鍵盤設定直接選擇手寫輸入法輸入，如果沒有也可以手動加入手寫輸入法。蘋果手機鍵盤怎麼設定手寫輸入法答：在鍵盤設定中直接啟用手寫輸入法1、蘋果用戶在使用輸入法的時候，預設是會開啟手寫輸入法的。 2.用戶只需要在打字的時候直接點擊左下角長按選擇手寫輸入法就可以了。 3.如果使用者的手機裡面沒有手寫輸入法也可以進行手動的新增。 4.用戶進入設定找到通用鍵盤設定在第一個鍵盤裡面添加手寫輸入的選項就可以了。 5.使用手寫輸入法可

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版

熱門話題