이벤트 객체

"> 03-07_event-object

이벤트 객체

"> 03-07_event-object

이벤트 객체

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>03-07_event-object</title>
<script src="<https://code.jquery.com/jquery-3.7.1.js>"></script>
<style type="text/css">
	
</style>
</head>
<body>
	<h1>이벤트 객체</h1>
	<br>
	<button>이벤트 객체 보기</button>
	<div class="display">이벤트 객체</div>
	<!-- javascript -->
	<script type="text/javascript">
		$(document).ready(function(){
		   $("button").click(function(event){
			   $.each(event, function(properties, value){
				   $(".display").append("<p>" + properties + " - " + value + "</p>");
			   });
		   });
		});   
	</script>
</body>
</html>