>웹 프론트엔드 >JS 튜토리얼 >jQuery는 실시간으로 마우스 포인터 위치와 키보드 ASCII 코드를 표시합니다_jquery

jQuery는 실시간으로 마우스 포인터 위치와 키보드 ASCII 코드를 표시합니다_jquery

WBOY
WBOY원래의
2016-05-16 15:07:541148검색

이 글은 jquery 기술을 사용하여 마우스 포인터 위치와 키보드 ASCII 코드를 구현합니다. 코드는 간단하고 이해하기 쉽습니다.

jQuery는 실시간으로 마우스 포인터 위치와 키보드 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를 누르세요

jQuery는 실시간으로 마우스 포인터 위치와 키보드 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).keydown(function(e) {
$('span').html(e.which);
})
});
</script>
</head>
<body>
<span></span>
</body>
</html>

위 내용은 마우스 포인터 위치와 키보드 ASCII 코드의 실시간 표시로 에디터가 소개하는 jQuery입니다. 자세한 내용은 공식 홈페이지를 참고해 주시길 바랍니다. Script House 사이트에는 매일 새로운 콘텐츠가 업데이트됩니다!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.