728x90 반응형 Event2 [jquery] 이벤트 여러개 설정하기 $('input').on({ focus : function() { $(this).closest('div').addClass("step01"); if($(this).val() == "") { $(this).closest('div').removeClass(step02"); } }, change : function() { $(this).closest('div').addClass("step02") if($(this).val() == "") { $(this).closest('div').removeClass("step01") $(this).closest('div').removeClass("step02") } }, blur : function() { if($(this).val() == "") { $(this).clo.. 2021. 6. 29. 자주 쓰이는 이벤트 onfocus (객체에 focus가 되었을 때) onblur (객체가 focus를 잃었을 때) onchange (객체의 내용이 바뀌고 focus를 잃었을 때) onclick (객체를 클릭했을 때) ondblclick (더블클릭할 때) onerror (에러가 발생했을 때) onkeydown (키를 눌렀을 때) onkeypress (키를 누르고 있을 때) onkeyup (키를 눌렀다 뗐을 때) onload (문서나 객체가 로딩되었을 때) onmouseover (마우스가 객체 위에 올라왔을 때) onmouseout (마우스가 객체 바깥으로 나갔을 때) onreset (Reset 버튼을 눌렀을 때) onresize (객체의 크기가 바뀌었을 때) onscroll (스크롤바를 조작할 때) onsubmit (폼이 전.. 2021. 6. 23. 이전 1 다음 728x90 반응형