[해피CGI][cgimall] 브라우저에서 발생하는 이벤트에 딜레이 주기

안녕하세요 해피CGI 입니다.


프로젝트 진행 중 입력 박스에서 발생하는 이벤트를 감지 후 처리해야 하는 프로그램을 만들어야 했는데요.

그런데 단순히 감지만 하는게 아닌 특정 시간이 지난 후 감지된 이벤트를 해야 했습니다.

즉, 입력박스가 있고 입력박스에 내용을 입력하되 5초 동안 입력이 없으면 이벤트를 감지하고 이를 임시 저장해야 합니다.


위의 프로그램을 만들려고 하다가 왠지 플러그인이 있을듯 하여 찾아 보게 되었는데요.

역시나 플러그인이 있어서 소개합니다.

https://github.com/bgrins/bindWithDelay 


사용방법은 매우 간단합니다.

 

Usage: 
	See http://api.jquery.com/bind/
	.bindWithDelay( eventType, [ eventData ], handler(eventObject), timeout, throttle )

Examples:
	$("#foo").bindWithDelay("click", function(e) { }, 100);
	$(window).bindWithDelay("resize", { optional: "eventData" }, callback, 1000);
	$(window).bindWithDelay("resize", callback, 1000, true);

​

​

첨부된 압축파일에 보면 onDelay.html 파일이 있습니다. 

해당 파일에는 Delay 주는 방식에 대해서 안내 되어 있으니 다른 방식으로도 응용할 수 있습니다. 


해당 플러그인의 라이센스는 MIT 라이센스 입니다. ^^