728x90 300x250 SMALL javaScript/jQuery148 대상 좌표값 위치 구하기 - 비공개 보호되어 있는 글 입니다. 2023. 3. 28. 지역(부모 노드 기준) 좌표 위치 position() offsetParent()을 사용해 부모좌표 노드를 구한 후에 지역 좌표를 구해보자 지역 좌표 위치란? 부모 좌표 노드의 left:0, top:0 위치를 시작점으로 하는 위치 값을 의미 position() position()메서드를 이용하면 지역 위치 값을 구할 수 있다. $대상.position().left $대상.position().top Hello 참고 : https://api.jquery.com/position/ 2023. 3. 26. 부모 좌표 노드 구하기 offsetParent() 부모좌표노드란? 특정 노드의 기준 좌표가 되는 노드를 말한다. 즉 부모 좌표가 변하면 자식 노드도 영향을 받아 변하게 된다. 일반적으로 부모노드는 대상 노드를 감싸고 있는 노드가 부모 노드가 되지만 자바스크립트 DOM에서는 position absolute 또는 relative로 설정된 조상 노드 중 가장 근접한 노드가 부모 좌표노드가 된다. offsetParent() $대상.offsetParent{} 버튼을 클릭하면 p태그의 부모좌표노드가 클릭 된다. Set background-color Click button to set the background color of the first positioned parent element of this paragraph. p태그 바로위를 감싸고 있는 div 태그는.. 2023. 3. 24. jQuery custom event 사용자 정의 방법1 var event = jQuery.Event("이벤트이름"); [event.데이터1=값; event.데이터2=값; ....] $대상.trigger(event); 방법2 var event = jQuery.Event("이벤트이름"); $대상.trigger(event[,데이터1=값,데이터2=값,...]); 처리순서 이벤트 객체 생성 이벤트 발생 시 리스너에 보낼 데이터 생성 이벤트 발생 방법1과 방법2의 처리 순서는 동일하지만 차이점은 이벤트 발생시 리스너에게 데이터를 보내는 방법이다. 2023. 3. 18. 이전 1 ··· 14 15 16 17 18 19 20 ··· 37 다음 728x90 반응형 LIST