내마음대로만들어보자/JS83 focus() / blur() / focusin() / focusout() 메서드 focus() 메서드는 대상 요소로 포커스가 이동하면 이벤트를 발생한다. blur() 메서드는 포커스가 대상 요소에서 다른 요소로 이동하면 이벤트를 발생시킨다. focusin() 메서드는 대상 요소의 하위 요소 중 입력 요소로 포커스가 이동하면 이벤트를 발생시킨다. focusout() 메서드는 대상 요소의 하위 요소 중 입력 요소에서 외부 요소로 이동하면 이벤트를 발생시킨다. * 기본형 * focus이벤트 등록 $("이벤트 대상 선택").focus(function() { 자바스크립트 코드; }); $("이벤트 대상 선택").on("focus", function() {자바스크립트 코드; }); * focus 이벤트 강제 발생 $("이벤트 대상 선택").focus(); * blur이벤트 등록 $("이벤트 대.. 2021. 8. 23. scroll() 이벤트 메서드 scroll() 이벤트 메서드는 대상 요소의 스크롤바가 이동할 때마다 이벤트를 발생시키거나 강제로 scroll 이벤트를 발생시킨다. * 예제 scrollTop: 0px scrollLeft: 0px 2021. 8. 23. mousemove() 메서드 mousemove 이벤트가 발생할 때마다 마우스 포인터의 좌푯값을 각각 에 출력하는 예제를 통해 알아보자. mousemove X : 0px Y : 0px 2021. 8. 23. mouseeter() / mouseleave()메서드 mouseeter() 이벤트 메서드는 대상 요소의 경계 범위에 마우스 포인터가 들어오면 이벤트를 발생시킨다. mouseleave() 이벤트 메서드는 대상 요소의 경계 범위에서 마우스 포인터가 완전히 벗어나면 이벤트를 발생시킨다. 참고로, mouseover는 대상 요소에 마우스 포인터가 올라가면 발생하고, mouseenter는 이벤트 대상이 포함된 범위에 마우스 포인터가 들어오면 발생하는 이벤트다. 마찬가지로, mouseout은 대상 요소에서 마우스 포인터가 벗어나면 발생하는 이벤트고 mouseleave는 대상이 포함된 범위에서 마우스 포인터가 완전히 벗어나면 발생하는 이벤트다. * 예제 mouseout 내용1 내용2 내용3 mouseleave 내용4 내용5 내용6 2021. 8. 23. 이전 1 ··· 6 7 8 9 10 11 12 ··· 21 다음
