javascript键盘事件全面控制脚本代码_javascript技巧-js-Tutorial-php.cn

Inhaltsverzeichnis

Keyboard Event Handler Lab

Heim

Web-Frontend

js-Tutorial

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需刷新才能执行]

Erklärung dieser Website

Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Heiße KI -Werkzeuge

Undresser.AI Undress

KI-gestützte App zum Erstellen realistischer Aktfotos

AI Clothes Remover

Online-KI-Tool zum Entfernen von Kleidung aus Fotos.

Undress AI Tool

Ausziehbilder kostenlos

Clothoff.io

KI-Kleiderentferner

Video Face Swap

Tauschen Sie Gesichter in jedem Video mühelos mit unserem völlig kostenlosen KI-Gesichtstausch-Tool aus!

Heißer Artikel

Assassin's Creed Shadows: Seashell Riddle -Lösung

3 Wochen vor By DDD

Was ist neu in Windows 11 KB5054979 und wie Sie Update -Probleme beheben

2 Wochen vor By DDD

Wo kann man die Kransteuerungsschlüsselkarten in Atomfall finden

3 Wochen vor By DDD

Assassins Creed Shadows - So finden Sie den Schmied und entsperren Sie die Waffen- und Rüstungsanpassung

1 Monate vor By DDD

<🎜>: Dead Rails - wie man jede Herausforderung abschließt

3 Wochen vor By DDD

Heiße Werkzeuge

Notepad++7.3.1

Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version

Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1

Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6

Visuelle Webentwicklungstools

SublimeText3 Mac-Version

Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

Heiße Themen

Wo ist der Login-Zugang für Gmail-E-Mail?

7625

CakePHP-Tutorial

1389

Wie lautet das Format des Kontonamens von Steam?

Win11 -Aktivierungsschlüssel dauerhaft

NYT -Verbindungen Hinweise und Antworten

138

Related knowledge

Wie tippe ich Unterstreichungen auf der Tastatur? Feb 22, 2024 pm 07:46 PM

Stellen Sie die Eingabemethode auf Englisch ein und halten Sie die Umschalttaste und die Minustaste gedrückt. Anwendbares Modell des Tutorials: Lenovo AIO520C System: Windows 10 Professional Edition: Microsoft Office Word 2022 Analyse 1 Überprüfen Sie zunächst die chinesische und englische Eingabemethode und passen Sie sie an Englisch an. 2Dann halten Sie gleichzeitig die Umschalttaste und die Minustaste auf Ihrer Tastatur gedrückt. 3 Überprüfen Sie die Benutzeroberfläche, um die unterstrichenen Wörter zu sehen. Ergänzung: So geben Sie schnell eine Unterstreichung in ein Word-Dokument ein 1. Wenn Sie in Word eine Unterstreichung eingeben müssen, wählen Sie das Leerzeichen mit der Maus aus und wählen Sie dann im Schriftartenmenü den Unterstreichungstyp aus, den Sie eingeben möchten. Zusammenfassung/Anmerkungen: Stellen Sie sicher, dass Sie die Eingabemethode auf Englisch ändern, bevor Sie fortfahren, da der Unterstrich sonst nicht erfolgreich eingegeben werden kann.

Automatische Tastatureingabe auf einem Windows-Laptop Feb 19, 2024 pm 05:33 PM

Computereingabegeräte wie Tastatur und Maus erfordern eine menschliche Bedienung und können nicht unabhängig voneinander betrieben werden. Das Gleiche gilt für das Touchpad und die Tastatur von Windows-Laptops. Es erfolgt keine automatische Texteingabe und auch kein automatischer Mausklick. Wenn etwas Ungewöhnliches passiert, muss es einen Grund dafür geben. Wenn Sie auf Probleme mit der automatischen Eingabe der Laptop-Tastatur stoßen, befolgen Sie die Anleitung, um das Problem zu beheben. Tastatur auf Windows-Laptop tippt automatisch Wenn die Tastatur auf Ihrem Windows-Laptop automatisch tippt, können Sie das Problem wie folgt beheben. Überprüfen Sie die Tastatur manuell. Stellen Sie sicher, dass die Tastatur ordnungsgemäß funktioniert. Überprüfen Sie, ob der Laptop remote angeschlossen ist. Überprüfen Sie, ob Autotyping-Programme ausgeführt werden. Führen Sie einen Malware-Scan durch. Passen Sie die Tastatureinstellungen an. Installieren Sie den Tastaturtreiber neu. Lassen Sie es uns im Detail wissen

Wie erstelle ich ein Skript zur Bearbeitung? Tutorial zum Erstellen eines Skripts durch Bearbeitung Mar 13, 2024 pm 12:46 PM

Cutting ist ein Videobearbeitungstool mit umfassenden Bearbeitungsfunktionen, Unterstützung für variable Geschwindigkeit, verschiedenen Filtern und Schönheitseffekten sowie umfangreichen Ressourcen für die Musikbibliothek. In dieser Software können Sie Videos direkt bearbeiten oder Bearbeitungsskripte erstellen, aber wie geht das? In diesem Tutorial stellt der Redakteur die Methode zum Bearbeiten und Erstellen von Skripten vor. Produktionsmethode: 1. Klicken Sie, um die Bearbeitungssoftware auf Ihrem Computer zu öffnen, suchen Sie dann die Option „Erstellungsskript“ und klicken Sie zum Öffnen. 2. Geben Sie auf der kreativen Skriptseite den „Skripttitel“ ein und geben Sie dann in der Gliederung eine kurze Einführung in den Drehinhalt ein. 3. Wie kann ich die Option „Storyboard-Beschreibung“ in der Gliederung sehen?

Wie führe ich eine .sh-Datei im Linux-System aus? Mar 14, 2024 pm 06:42 PM

Wie führe ich eine .sh-Datei im Linux-System aus? In Linux-Systemen ist eine .sh-Datei eine Datei, die als Shell-Skript bezeichnet wird und zum Ausführen einer Reihe von Befehlen verwendet wird. Das Ausführen von .sh-Dateien ist ein sehr häufiger Vorgang. In diesem Artikel wird erläutert, wie .sh-Dateien in Linux-Systemen ausgeführt werden, und es werden spezifische Codebeispiele bereitgestellt. Methode 1: Verwenden Sie einen absoluten Pfad, um eine .sh-Datei auszuführen. Um eine .sh-Datei in einem Linux-System auszuführen, können Sie einen absoluten Pfad verwenden, um den Speicherort der Datei anzugeben. Im Folgenden sind die spezifischen Schritte aufgeführt: Öffnen Sie das Terminal

Die mechanische Drei-Modus-Tastatur Maicong K87 fügt die Versionen „Hyazinthenachse' und „Eiscremeachse' hinzu: Dichtungsstruktur, der Einstiegspreis beginnt bei 299 Yuan Feb 29, 2024 pm 05:00 PM

Laut Nachrichten dieser Website vom 29. Februar hat Maicong heute zwei Versionen von „Hyacinth Switch“ und „Glazed Ice Cream Switch“ für die mechanische Tastatur K87 mit drei Modi auf den Markt gebracht. Die Tastatur verfügt über eine „Dichtungsstruktur, 80 % Anordnung“ und einen zugehörigen Schaft Tastaturen Die Preisinformationen lauten wie folgt: „Hyacinth Switch“-Version: Erstpreis beträgt 299 Yuan. „Liuguang Ice Cream Switch“-Version: Erstpreis beträgt 379 Yuan. Berichten zufolge verwendet die Tastaturserie eine Dichtungsstruktur mit 87 Tasten %-Anordnung, Volltasten-Rollover und thermische Unterstützung. Zum Ein- und Ausstecken werden angeblich „Original/MDA-zweifarbige PBT-Tastenkappen“ verwendet, eine 1,2-mm-Einzeltasten-Schlitzplatine (untere Lampenposition) verwendet und mit RGB ausgestattet Lichteffekte und verfügt über ein magnetabsorbierendes Namensschilddesign. Darüber hinaus ist diese Tastatur mit einem 6000-mAh-Akku und einer drahtlosen Verzögerung von 3 ms ausgestattet. Die offizielle Größe und Größe der Tastatur wurde nicht bekannt gegeben.

So weisen Sie Copilot-Tasten auf einer beliebigen Tastatur in Windows 11 zu Feb 20, 2024 am 10:33 AM

Windows 11-Computertastaturen, die in den nächsten Monaten auf den Markt kommen, werden über eine neue Copilot-Taste verfügen. Mit dieser Taste können Benutzer einfach durch Drücken einer bestimmten Taste in den Co-Pilot-Modus wechseln, ohne einen neuen PC aufrüsten zu müssen. In dieser Anleitung wird detailliert beschrieben, wie Sie die Copilot-Taste auf einer beliebigen Windows 11-Tastatur einrichten. Microsoft gab kürzlich bekannt, dass sie wichtige Fortschritte bei der Weiterentwicklung des durch künstliche Intelligenz unterstützten Fahrens erzielt haben. Windows 11 wird eine dedizierte Copilot-Taste hinzufügen, um das Erlebnis für PC-Benutzer weiter zu verbessern. Diese Hardwareänderung stellt das erste große Upgrade der Windows-PC-Tastaturen seit dreißig Jahren dar. In den kommenden Monaten werden neue Windows 11-Computer über ein neues Copilot-Tastendesign auf der Tastatur verfügen

Die Produkte der VGN-Co-Branding-Tastatur- und Mausserie „Elden's Circle' sind jetzt in den Regalen: Lani / Faded One benutzerdefiniertes Thema, ab 99 Yuan Aug 12, 2024 pm 10:45 PM

Laut Nachrichten dieser Website vom 12. August hat VGN am 6. August die gemeinsame Tastatur- und Mausserie „Elden Ring“ auf den Markt gebracht, die Tastaturen, Mäuse und Mauspads umfasst, die im individuellen Design von Lani/Faded One gestaltet sind Es wurde auf JD.com zum Preis von 99 Yuan veröffentlicht. Die dieser Website beigefügten Informationen zu neuen Co-Branding-Produkten lauten wie folgt: VGN丨Elden Law Ring S99PRO-Tastatur Diese Tastatur verwendet ein Gehäuse aus reiner Aluminiumlegierung, ergänzt durch eine fünfschichtige Schalldämpferstruktur, verwendet eine GASKET-Blattfederstruktur und verfügt über eine einzelne -Tasten-Schlitzplatine und Tastenkappen aus PBT-Material in Originalhöhe, personalisierte Rückwandplatine aus Aluminiumlegierung; unterstützt Drei-Modus-Verbindung und SMARTSPEEDX-Technologie mit geringer Latenz, verbunden mit VHUB, kann es ab 549 Yuan mehrere Geräte auf einmal verwalten; VGN丨Elden French Ring F1PROMAX kabellose Maus die Maus

So richten Sie die handschriftliche Eingabemethode auf der Tastatur Ihres Apple-Mobiltelefons ein Mar 08, 2024 pm 02:30 PM

Benutzer von Apple-Mobiltastaturen möchten die handschriftliche Eingabemethode einrichten, wissen jedoch nicht, wie das geht. Benutzer können die handschriftliche Eingabemethode direkt in den Tastatureinstellungen des Telefons auswählen eine handschriftliche Eingabemethode. So stellen Sie die handschriftliche Eingabemethode auf der Apple-Mobiltelefontastatur ein A: Aktivieren Sie die handschriftliche Eingabemethode direkt in den Tastatureinstellungen 1. Wenn Apple-Benutzer die Eingabemethode verwenden, ist die handschriftliche Eingabemethode standardmäßig aktiviert. 2. Benutzer müssen beim Tippen nur auf die untere linke Ecke klicken und diese gedrückt halten, um die handschriftliche Eingabemethode auszuwählen. 3. Wenn der Benutzer in seinem Mobiltelefon nicht über eine handschriftliche Eingabemethode verfügt, kann er diese auch manuell hinzufügen. 4. Der Benutzer gibt die Einstellungen ein, findet die universellen Tastatureinstellungen und fügt der ersten Tastatur die Option zur Handschrifteingabe hinzu. 5. Verwenden Sie die handschriftliche Eingabemethode

See all articles