suchen

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

Informationen zur Verwendung von js-Maustastenereignissen und Tastaturtastenereignissen

不言
不言Original
2018-06-30 11:26:221598Durchsuche

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>

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>

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>

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>

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>

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!

Stellungnahme：
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
Vorheriger Artikel：Informationen zur serverseitigen Zeichenkodierung, Dekodierung und verstümmelten Verarbeitung von NodejsNächster Artikel：Informationen zur serverseitigen Zeichenkodierung, Dekodierung und verstümmelten Verarbeitung von Nodejs

In Verbindung stehende Artikel

Mehr sehen