728x90 300x250 SMALL javaScript/jQuery153 [jQuery] event.target와 this의 차이 + 이벤트 위임 예시 event.target 이벤트가 발생한 정확한 지점에 대한 정보를 반환한다. event.target는 실제 이벤트가 시작된 target요소 버블링 되어도 변하지 않음 this(=event.curentTarget)는 현재 샐행중인 핸들러가 할당된 노드를 참조 이벤트 위임(event delegation) 요소마다 이벤트 핸들러를 할당하지 않고 공통 조상요소에 할당해서 한개의 이벤트 핸들러로 여러 요소를 한꺼번에 처리 할 수 있다. 공통 조상에 할당한 핸들러에서 event.target를 이용하면 실제 이벤트가발생한 위치를 알 수 있고 이를 이용해서 이벤트를 핸들링 할 수 있다. 하나의 이벤트 리스너로 여러 이벤트 처리하기 $대상.on("이벤트명", "선택자", 이벤트 리스너) 아래는 ul li리스트 중 하나를.. 2023. 3. 12. 오토플레이 적용하기 - 비공개 보호되어 있는 글 입니다. 2023. 2. 22. 여러 개 이미지 속성 값 변경하기 data() attr메서드를 사용해서 여러 개 이미지 속성 값을 변경할 경우 아래의 코드를 data()메서드를 사용한 형태로 변경해 보자 data() 메서드 //data- 속성 추가 //data- 속성 추가 //data- 속성 추가 data() 메서드를 사용하면 인덱스 값에 접근해야 할 필요가 없기 때문에 더 간결하게 적용 가능하다. 2023. 2. 20. 이미지 여러 개 속성 값 변경 attr() 속성값 변경 attr() 매서드 사용 $대상.attr("속성이름","값") 이미지가 한 개일 경우 이미지를 클릭할 때마다 번갈아 이미지 변경되게 하기 이미지가 여러 개 일 경우 2023. 2. 19. 이전 1 ··· 17 18 19 20 21 22 23 ··· 39 다음 728x90 반응형 LIST