[jQuery] 이벤트를 최초 한번만 실행하는 one()

WEB/jQuery

[jQuery] 이벤트를 최초 한번만 실행하는 one()

춘햄 2021. 6. 2. 15:20

페이지가 로드된 이후, 최초 한번만 실행하고 사라지는 이벤트를 만들기 위해 사용되며, 다음과 같이 사용한다.

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
    <title>one()메서드로 한번만 실행</title>

    <style type="text/css">
     
    </style>

    <script src="jquery-1.6.2.js" type="text/javascript"></script>

    <script type="text/javascript">
        $(document).ready(function() {
			$('#btn').one("click", eventOne);
			
			function eventOne() {
				alert("최초 1회 실시");
			}
			
        });
    </script>
</head>
 
<body>
  <div id="my">
   <input type="button" id="btn" value="버튼"  />
  </div>
</body>
</html>