ホームページ > 記事 > ウェブフロントエンド > jQuery はマウス ポインターの位置とキーボードの ASCII コードをリアルタイムで表示します_jquery
jQuery はマウス ポインターの位置とキーボードの ASCII コードをリアルタイムで表示します_jquery
- WBOYオリジナル
- 2016-05-16 15:07:541120ブラウズ
この記事では、マウスポインタの位置とキーボードのASCIIコードを実現するために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>
A を押します
<!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>
上記の内容は、エディターがマウスポインターの位置とキーボードの ASCII コードをリアルタイムに表示するために紹介したものです。詳細については、公式 Web サイトをご覧ください。 Script House のサイトには毎日新しいコンテンツが更新されます。
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。