반응형 참고/Jquery26 jquery - focus, blur, focusin/foucusout ※focus는 마우스로 a나 input 태그를 클릭하거나 tab키를 누르면 생성된다. focus()는 대상 요소로 포커스가 이동하면 이벤트 발생. blur()는 포커스가 대상 요소에서 다른 요소로 이동하면 이벤트 발생. focusin는 대상 요소의 하위 요소 중 입력 요소로 포커스가 이동하면 이벤트 발생. focusout는 대상 요소의 하위 요소 중 입력 요소에서 외부 요소로 이동하면 이벤트를 발생. *예제 HTML ID PW ID PW jquery $(function(){ $("#user_id_1, #user_pw_1").on("focus", function(){ $(this).css({"background-color":"pink"}); }); $("#user_id_1, #user_pw_1").on(".. 2020. 5. 27. jquery - mouseout과 mouseleave 차이 mouseout는 개별 요소에서 벗어났을 때 발생 mouseleave는 전체 요소에서 벗어났을 때 발생 내용1 내용2 내용3 내용1 내용2 내용3 ------------------------------------------- $(function(){ $("#box_1").on("mouseout", function(){ $("#box_1").css({"background-color":"red"}); }); $("#box_2").on("mouseleave", function(){ $("#box_2").css({"background-color":"blue"}); }); }); 설명 mouseout의 경우에는 개별 요소에 있다가 다른 요소로 가거나 벗어나면 색깔이 바뀐다 mouseleave의 경우에는 div가 .. 2020. 5. 27. jquery - mousemove *mousemove() 이벤트 메서드 0px 0px ----------------------------------------------- $(function(){ $(document).on("mousemove", function(e){ $(".posX").text(e.pageX); $(".posY").text(e.pageY); }); }); 결과 움직일 때마다 마우스 위치의 값이 실시간으로 출력 166px 152px 위의 수치는 위치에 따라 다름 2020. 5. 27. jquery - a, form 태그에 클릭 이벤트 적용시 기본 이벤트 차단하기 a요소에 click이나 dblclick을 등록하면 클릭할 때마다 a에 링크된 주소로 이동하는 문제가 발생 form요소의 제출버튼(submit)도 action에 등록된 주소로 이동시키는 문제 발생 - 위를 해결하려면 기본 이벤트를 차단해야 함. *기본형 // 1. return false를 이용한 차단 방식 $("a 또는 form").이벤트 메서드(function() { 자바스크립트 코드; return false; }); =========================================================== // 2. preventDeafault를 이용한 차단 방식 $("a 또는 form").이벤트 메서드(function(e) { // 파라미터 e e.preventDefault(); 자바.. 2020. 5. 27. 이전 1 2 3 4 5 6 7 다음 반응형
