Input 요소의 validation이 제일 골치아프다 보통 크롬을 지원하는 시스템이라면, 좀 더 손쉽게 처리할 수 있지만 IE를 지원해야하는 경우 문제가 생각보다 복잡해진다. max-length, min-length 등의 속성도 지원되지 않을 뿐만 아니라 key 이벤트 내에서 전달받는 값도 다른 브라우저와 상이하기 때문이다. 여기서 사용하는 방법은 IE를 기준으로 한다. 크롬은 찾아보면 더 좋은 방법이 많이 나올 것이다. 이벤트 발생 순서 일단 key 관련 이벤트 들의 트리거 순서를 알 필요가 있었다. key를 입력했을때 keydown -> keypress -> input -> keyup key를 지울때 keydown -> input -> keyup 순서로 발생했다. input event? replac..

차이점 단적으로 말해서 focusin과 focusout은 버블링이 발생하지만, focus/blur는 버블링이 발생하지 않는다. 예를들어 div 요소 안에 input 요소가 있고, input 요소에 포커스 이벤트를 적용하고 싶을때, focusin/focusout은 상위 요소인 div 요소의 포커스 이벤트도 트리거하지만, focus/blur는 순수하게 자기 자신의 focus 이벤트만 작동시킨다.

github https://github.com/CodeSeven/toastr options toastr.options = { "closeButton": true, "debug": false, "newestOnTop": false, "progressBar": true, "positionClass": "toast-top-right", "preventDuplicates": false, "onclick": null, "showDuration": "300", "hideDuration": "1000", "timeOut": "5000", "extendedTimeOut": "1000", "showEasing": "swing", "hideEasing": "linear", "showMethod": "fadeIn", "hi..

javascript(jquery)에서 resize/scroll 이벤트를 걸면 resize/scroll 되는 동안 이벤트가 반복적으로 계속 호출된다. 이벤트 내부의 내용이 복잡할 수록 브라우저에게 과부하를 주게 되므로 resize가 끝났을때 한번만 실행되도록 해줄 필요가 있다. 1. 먼저 아래와 같이 한번만 실행될 내용을 함수로 작성한다. function resizeDone(){ // 함수 내용 작성 }2. resize/scroll 이벤트를 걸어준다. $(window).on('resize', function(){ // resize 후 한번만 실행 clearTimeout( timer ); timer = setTimeout( resizeDone, delta ); });resize/scroll 이..