Heim Web-Frontend js-Tutorial Informationen zur Verwendung von js-Maustastenereignissen und Tastaturtastenereignissen

Informationen zur Verwendung von js-Maustastenereignissen und Tastaturtastenereignissen

Jun 30, 2018 am 11:26 AM
js 事件 按键 键盘 鼠标

In diesem Artikel wird hauptsächlich die Verwendung von js-Maustastenereignissen und Tastaturtastenereignissen vorgestellt. Er fasst die gängigen Operationstechniken von JavaScript für Maus- und Tastaturereignisse in Form von Beispielen zusammen Artikel

Beschreibt die Verwendung von js-Maustastenereignissen und Tastaturtastenereignissen. Teilen Sie es als Referenz mit allen. Die Details lauten wie folgt:

Taste nach unten, Taste nach oben, Tastendruck: Tastaturtasten, die Ihnen gehören

Maustaste nach unten, Maus nach oben: Maustasten, die Ihnen gehören

fungieren als Tasten. Beim Drücken tritt ein Tastendruckereignis auf.

Tastendruck wird ausgelöst, wenn der Benutzer die Taste anhebt.

Der gesamte Tastendruckvorgang ist in zwei Teile unterteilt: 1. Tastendruck wird gedrückt; 2. die Taste wird losgelassen.

Wenn der Benutzer die Maustaste auf diesem Element drückt, erfolgt Mousedown.

Wenn der Benutzer die Maustaste auf diesem Element loslässt, erfolgt Mouseup.

Beispiel

1. Auf welche Maustaste wurde geklickt? der Unicode-Code der gedrückten Taste

<html>
<head>
<script type="text/javascript">
function whichButton(event)
{
if (event.button==2)
{
alert("你点击了鼠标右键!")
}
else
{
alert("你点击了鼠标左键!")
}
}
</script>
</head>
<body onmousedown="whichButton(event)">
<p>请单击你鼠标的左键或右键试试</p>
</body>
</html>
Nach dem Login kopieren

4 Was ist die Koordinate des aktuellen Mauszeigers relativ zum Bildschirm

<html>
<head>
<script type="text/javascript">
function show_coords(event)
{
x=event.clientX
y=event.clientY
alert("X 坐标: " + x + ", Y 坐标: " + y)
}
</script>
</head>
<body onmousedown="show_coords(event)">
<p>在此文档中按下你鼠标的左键看看!</p>
</body>
</html>
Nach dem Login kopieren

5. Was sind die aktuellen Mauszeigerkoordinaten

<html>
<head>
<script type="text/javascript">
function whichButton(event)
{
alert(event.keyCode)
}
</script>
</head>
<body onkeyup="whichButton(event)">
<p>在此文档中按下你键盘上的某个键看看</p>
</body>
</html>
Nach dem Login kopieren

Ist die Umschalttaste gedrückt?

<html>
<head>
<script type="text/javascript">
function coordinates(event)
{
x=event.screenX
y=event.screenY
alert("X=" + x + " Y=" + y)
}
</script>
</head>
<body onmousedown="coordinates(event)">
<p>
点击你鼠标的左键
</p>
</body>
</html>
Nach dem Login kopieren

Was wird gerade angeklickt? Welches Element

<html>
<head>
<script type="text/javascript">
function coordinates(event)
{
x=event.x
y=event.y
alert("X=" + x + " Y=" + y)
}
</script>
</head>
<body onmousedown="coordinates(event)">
<p>
点击你鼠标的左键
</p>
</body>
</html>
Nach dem Login kopieren

Das Obige ist der gesamte Inhalt dieses Artikels. Ich hoffe, er wird für das Lernen aller hilfreich sein. Weitere verwandte Inhalte finden Sie auf der chinesischen PHP-Website. Verwandte Empfehlungen:

Über die Berechnungsmethode der Stapelgröße des JS-Funktionsaufrufs

Implementierung der JavaScript-Bildvergrößerungstechnologie

Das obige ist der detaillierte Inhalt vonInformationen zur Verwendung von js-Maustastenereignissen und Tastaturtastenereignissen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

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

Undresser.AI Undress

KI-gestützte App zum Erstellen realistischer Aktfotos

AI Clothes Remover

AI Clothes Remover

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

Undress AI Tool

Undress AI Tool

Ausziehbilder kostenlos

Clothoff.io

Clothoff.io

KI-Kleiderentferner

AI Hentai Generator

AI Hentai Generator

Erstellen Sie kostenlos Ai Hentai.

Heiße Werkzeuge

Notepad++7.3.1

Notepad++7.3.1

Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version

SublimeText3 chinesische Version

Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1

Senden Sie Studio 13.0.1

Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6

Dreamweaver CS6

Visuelle Webentwicklungstools

SublimeText3 Mac-Version

SublimeText3 Mac-Version

Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

Razer |. Die kabellose Pokémon Gengar-Maus und das Mauspad sind jetzt zum Setpreis von 1.549 Yuan erhältlich Razer |. Die kabellose Pokémon Gengar-Maus und das Mauspad sind jetzt zum Setpreis von 1.549 Yuan erhältlich Jul 19, 2024 am 04:17 AM

Laut Nachrichten dieser Website vom 12. Juli kündigte Razer heute die Einführung der kabellosen Maus und des Mauspads Razer|Pokémon Gengar an. Die Einzelproduktpreise betragen 1.299 Yuan bzw. 299 Yuan, und der Paketpreis inklusive der beiden Produkte beträgt 1.549 Yuan. Dies ist nicht das erste Mal, dass Razer Peripherieprodukte mit Gengar-Co-Branding auf den Markt bringt. Im Jahr 2023 brachte Razer die Gaming-Maus Yamata Orochi V2 im Gengar-Stil auf den Markt. Die beiden dieses Mal eingeführten neuen Produkte verwenden alle einen dunkelvioletten Hintergrund, der dem Erscheinungsbild der Ghost-, Ghost- und Gengar-Familien ähnelt. Sie sind mit den Umrissen dieser drei Pokémon und Pokébällen bedruckt, mit dem Charakter Gengar in der Mitte großes, farbenfrohes Bild eines klassischen Pokémon vom Typ Geist. Auf dieser Website wurde festgestellt, dass die drahtlose Maus Razer|Pokémon Gengar auf der zuvor veröffentlichten Viper V3 Professional Edition basiert. Sein Gesamtgewicht beträgt 55 g und es ist mit Razers FOC der zweiten Generation ausgestattet

HP bringt die Softmaus Professor 1 mit drei Modi auf den Markt: 4000 DPI, Blue Shadow RAW3220, Erstpreis 99 Yuan HP bringt die Softmaus Professor 1 mit drei Modi auf den Markt: 4000 DPI, Blue Shadow RAW3220, Erstpreis 99 Yuan Apr 01, 2024 am 09:11 AM

Laut Nachrichten dieser Website vom 31. März hat HP kürzlich auf JD.com eine Professor1-Bluetooth-Maus mit drei Modi auf den Markt gebracht, die in den Farben Schwarz und Weiß in Milchtee erhältlich ist. Der Anfangspreis beträgt 99 Yuan und eine Anzahlung von 10 Yuan ist erforderlich . Berichten zufolge wiegt diese Maus 106 Gramm, hat ein ergonomisches Design, misst 127,02 x 79,59 x 51,15 mm, verfügt über sieben optionale 4000-DPI-Stufen, ist mit einem Blue Shadow RAW3220-Sensor ausgestattet und verwendet angeblich einen 650-mAh-Akku kann mit einer einzigen Ladung 2 Monate lang verwendet werden. Die dieser Site beigefügten Mausparameterinformationen lauten wie folgt:

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 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 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

In welchem ​​Ordner befindet sich der Razer-Maustreiber? In welchem ​​Ordner befindet sich der Razer-Maustreiber? Mar 02, 2024 pm 01:28 PM

Viele Benutzer wissen nicht, wo die von ihren Razer-Treibern installierten Dateien gespeichert sind. Diese Treiberdateien werden normalerweise auf der Systemfestplatte installiert, bei der es sich um das Laufwerk C des Computers handelt. Der genaue Speicherort befindet sich im RAZE-Ordner unter „Programme“. In welchem ​​Ordner befindet sich der Razer-Maustreiber? A: Im RAZE-Ordner unter „Programme“ auf dem Systemlaufwerk C. Im Allgemeinen wird der Treiber auf dem Laufwerk C installiert. Suchen Sie ihn einfach anhand des Speicherorts. Einführung in die Installationsmethode für Razer-Maustreiber 1. Doppelklicken Sie nach dem Herunterladen der Datei von der offiziellen Website, um die heruntergeladene EXE-Datei auszuführen. 2. Warten Sie, bis die Software geladen ist. 3. Hier können Sie auswählen, welchen Treiber Sie installieren möchten. 4. Klicken Sie nach der Auswahl unten rechts auf „Installieren“.

So legen Sie den Skin für die WeChat-Tastatur fest. So legen Sie den Skin für die WeChat-Tastatur fest So legen Sie den Skin für die WeChat-Tastatur fest. So legen Sie den Skin für die WeChat-Tastatur fest Mar 13, 2024 am 09:04 AM

Wie stelle ich den Skin für die WeChat-Tastatur ein? WeChat Keyboard ist eine sehr intelligente Eingabemethode für Mobiltelefone. Diese Software verfügt über viele benutzerfreundliche Funktionen. Sie ermöglicht es Benutzern, ihren eigenen Eingabemodus zu wählen und die gewünschten Ausdrücke mit dieser Software schnellstmöglich zu finden. Mit dieser Software können Benutzer auch das Skin der Tastatur selbst ändern. Der Editor unten hat die Methoden zum Ändern des Skins als Referenz zusammengestellt. So stellen Sie das WeChat-Tastaturdesign ein. In WeChat, SMS oder anderen Anwendungen, die die Verwendung der Tastatur Ihres Telefons erfordern, können Sie auf das Symbol für die Eingabemethodeneinstellungen in der oberen linken Ecke der Tastatur klicken, um die Einstellungsseite aufzurufen und die Funktion anzuzeigen Einstellungsmöglichkeiten für verschiedene Eingabemethoden. 2. Klicken Sie auf der Einstellungsseite der Eingabemethode auf „Personalisierte Skin“.

Empfohlen: Ausgezeichnetes JS-Open-Source-Projekt zur Gesichtserkennung und -erkennung Empfohlen: Ausgezeichnetes JS-Open-Source-Projekt zur Gesichtserkennung und -erkennung Apr 03, 2024 am 11:55 AM

Die Technologie zur Gesichtserkennung und -erkennung ist bereits eine relativ ausgereifte und weit verbreitete Technologie. Derzeit ist JS die am weitesten verbreitete Internetanwendungssprache. Die Implementierung der Gesichtserkennung und -erkennung im Web-Frontend hat im Vergleich zur Back-End-Gesichtserkennung Vor- und Nachteile. Zu den Vorteilen gehören die Reduzierung der Netzwerkinteraktion und die Echtzeiterkennung, was die Wartezeit des Benutzers erheblich verkürzt und das Benutzererlebnis verbessert. Die Nachteile sind: Es ist durch die Größe des Modells begrenzt und auch die Genauigkeit ist begrenzt. Wie implementiert man mit js die Gesichtserkennung im Web? Um die Gesichtserkennung im Web zu implementieren, müssen Sie mit verwandten Programmiersprachen und -technologien wie JavaScript, HTML, CSS, WebRTC usw. vertraut sein. Gleichzeitig müssen Sie auch relevante Technologien für Computer Vision und künstliche Intelligenz beherrschen. Dies ist aufgrund des Designs der Webseite erwähnenswert

Colorful bringt die kabellose Gaming-Maus M900 Pro auf den Markt: ergonomische Form für die rechte Hand, 8K-Nano-Empfänger, ab 199 Yuan Colorful bringt die kabellose Gaming-Maus M900 Pro auf den Markt: ergonomische Form für die rechte Hand, 8K-Nano-Empfänger, ab 199 Yuan Mar 23, 2024 pm 05:16 PM

Laut Nachrichten dieser Website brachte Delux am 22. März die kabellose Gaming-Maus M900Pro mit ergonomischer Rechtshänderform auf den Markt. Der erste Vorverkaufspreis beginnt bei 199 Yuan. Das farbenfrohe M900Pro ist ergonomisch für Rechtshänder konzipiert und für Benutzer mit mittelgroßen bis großen Händen konzipiert. Es wiegt 63 g und ist mit einer matten UV-Beschichtung versehen. Die Maus verwendet den PAW3395-Sensor, der ursprüngliche Nano-Empfänger unterstützt eine drahtlose Rücklaufrate von 8000 Hz, ist mit der Huannuo Blue Shell Pink Dot-Mikrobewegung ausgestattet und wird standardmäßig mit einer RGB-Ladestation und Anti-Rutsch-Aufklebern geliefert. Darüber hinaus unterstützt die Maus auch Funktionen wie LOD-Anpassung, vollständige Tastenanpassung, benutzerdefinierte Welligkeitskontrolle und Geradenkorrektur. Sie ist mit PTFE-Fußpolstern, einer 1,6 m langen Fallschirmschnur und einem integrierten Aufbewahrungsfach für den Empfänger ausgestattet. Diese Seite fasst die spezifischen Parameter dieser Maus wie folgt zusammen: Farbe: Schwarz, Weiß, Rot

See all articles