Heim > Web-Frontend > js-Tutorial > Hauptteil

Informationen zur Verwendung von js-Maustastenereignissen und Tastaturtastenereignissen

不言
Freigeben: 2018-06-30 11:26:22
Original
1601 Leute haben es durchsucht

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!

Verwandte Etiketten:
Quelle:php.cn
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage