-
버튼 클릭 이벤트 제어하기-bind(), unbind()개발기록/Web 2017. 5. 12. 18:26
코북 작업중에..
충전하기 버튼을 누르면 10000원씩 충전해주는 기능이다
ajax로 비동기 통신하는데...
문제는 누를때마다 요청이 계속 들어가는거..
success뜨기전에 클릭한것도
이벤트가 다 발생하더라구요
클릭때 동기식으로 async: false 사용해도
다중 클릭시 계속 이벤트 발생!
그래서 검색해보다가
bind(), unbind()를 사용했다
하지만..
http://api.jquery.com/bind/
deprecated 된거구나..^^!
대신 on()을 쓰면 되는구나!!
히히..ㅠ_ㅠ
chargePoint function을 따로 분리,
한번 클릭할때 unbind()로 이벤트를 잠궈주고
ajax 통신 성공후에 다시 bind()시켜주었당
그래서 한번 이벤트 발생시 다중클릭을 해도
요청이 들어가지 않게!
해결은 했지만..
on()으로 다시 해봐야겠당;-!
'개발기록 > Web' 카테고리의 다른 글
Bootstrap pagination 자바스크립트로 구현하기 (1) 2018.04.19 Javascript PDF다운로드 (0) 2017.10.29 파일업로드 디자인 (2) 2017.07.12 css 수정, 웹에 적용하기 (1) 2017.05.16 Toggle This 사용하기 (0) 2017.04.24