recherche

Maison >interface Web >js tutoriel >jQuery affiche la position du pointeur de la souris et le code ASCII du clavier en temps réel_jquery

jQuery affiche la position du pointeur de la souris et le code ASCII du clavier en temps réel_jquery

WBOY
WBOYoriginal
2016-05-16 15:07:541152parcourir

Cet article utilise la technologie jquery pour réaliser la position du pointeur de la souris et le code ASCII du clavier. Le code est simple et facile à comprendre. Veuillez voir ci-dessous pour le contenu spécifique.

jQuery affiche la position du pointeur de la souris et le code ASCII du clavier en temps réel_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>

Appuyez sur A

jQuery affiche la position du pointeur de la souris et le code ASCII du clavier en temps réel_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>

Le contenu ci-dessus est le jQuery que l'éditeur vous présente en affichage en temps réel de la position du pointeur de la souris et du code ASCII du clavier. J'espère qu'il sera utile à tout le monde. Pour plus de connaissances, veuillez faire attention au site officiel. de Script House Le site propose du nouveau contenu mis à jour chaque jour !

Déclaration：
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Article précédent：Guide d'utilisation du plug-in de copie du navigateur Zeroclipboard_compétences JavascriptArticle suivant：Guide d'utilisation du plug-in de copie du navigateur Zeroclipboard_compétences Javascript

Articles Liés

Voir plus