[jQuery] 첫 번째 이벤트만 실행

Front-End/jQuery

[jQuery] 첫 번째 이벤트만 실행 - one()

리딩리드 2017. 1. 6. 14:14

첫 번째 이벤트만 실행 - one()

- 지정된 이벤트를 처음 한 번만 실행한다

- 두번 째 부턴 무시

1. 방법

<!DOCTYPE html> <head> <meta charset="UTF-8"> <title>Title</title> <style> </style> </head> <h1>Lucky number</h1> <input type="button" id="btn" value="To test your luck"/> <div id="result"></div> <script src="http://code.jquery.com/jquery-1.11.0.min.js"></script> <script> $(function(){ $('#btn').one( 'click',//검출할 이벤트 function(){ $('#result').text(Math.round(Math.random() * 100)); } ) ; }); </script>

- click 이벤트를 검출한다