suchen

Heim >Web-Frontend >js-Tutorial >jQuery zeigt die Position des Mauszeigers und den ASCII-Code der Tastatur in Echtzeit an_jquery

jQuery zeigt die Position des Mauszeigers und den ASCII-Code der Tastatur in Echtzeit an_jquery

WBOY
WBOYOriginal
2016-05-16 15:07:541148Durchsuche

Dieser Artikel verwendet die JQuery-Technologie, um die Mauszeigerposition und den ASCII-Code der Tastatur zu ermitteln. Der Code ist einfach und leicht zu verstehen. Den spezifischen Inhalt finden Sie unten.

jQuery zeigt die Position des Mauszeigers und den ASCII-Code der Tastatur in Echtzeit an_jquery

<!DOCTYPE html>
<html>
<head>
<title></title>
<meta charset="utf-8" />
<script type="text/javascript" src="js/jquery-2.1.4.js"></script>
<script language="javascript" type="text/javascript">
$(function() {
$(document).mousemove(function(e) {
$("span").html("X:" + e.pageX + "Y:" + e.pageY + "事件" + e.type);
//不行 document.write("X:" + e.pageX + "Y:" + e.pageY + "事件" + e.type);
});
});
</script>
</head>
<body>
<span></span>
</body>
</html>

Drücken Sie A

jQuery zeigt die Position des Mauszeigers und den ASCII-Code der Tastatur in Echtzeit an_jquery

<!DOCTYPE html>
<html>
<head>
<title></title>
<meta charset="utf-8" />
<script type="text/javascript" src="js/jquery-2.1.4.js"></script>
<script language="javascript" type="text/javascript">
$(function() {
$(document).keydown(function(e) {
$('span').html(e.which);
})
});
</script>
</head>
<body>
<span></span>
</body>
</html>

Der obige Inhalt ist die jQuery, die Ihnen der Editor in Echtzeit mit der Anzeige der Mauszeigerposition und des Tastatur-ASCII-Codes vorstellt. Weitere Informationen finden Sie auf der offiziellen Website von Script House. Die Seite wird täglich mit neuen Inhalten aktualisiert!

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：Browser-Kopier-Plug-in Zeroclipboard-Nutzungsanleitung_Javascript-KenntnisseNächster Artikel：Browser-Kopier-Plug-in Zeroclipboard-Nutzungsanleitung_Javascript-Kenntnisse

In Verbindung stehende Artikel

Mehr sehen