본문 바로가기

웹 프로그래밍/jQuery

[jQuery] mouse 클릭 시 좌표값 찍기

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<style>
	#div01{
		background-color: yellow;
		height: 150px;
	}
</style>


<script src = "js/jquery-3.5.1.min.js"> </script> /*js 경로를 잘지정해주자*/
<script>
	$(document).ready(function(){
				
		$('#div01').click(function(event) {
			console.log(event.pageX, event.pageY)
			console.log(event)
		})		
		
	})
</script>
</head>
<body>
	<div id = "div01">
		나는 div 영역임둥<br>
		마우스를 접근시켜보삼
	</div>
	<h1>첫번째 문장임둥</h1>
	<h1>두번째 문장임둥</h1>
	<div>
		<h1>세번째 문장임둥</h1>
	</div>
	<h1>네번째 문장임둥</h1>
	<button>클릭</button>
</body>
</html>