728x90 300x250 SMALL javaScript545 기본크기, padding, border, margin 구해서 표출하기 - 비공개 보호되어 있는 글 입니다. 2023. 4. 3. [jQuery] widht, height 구하기 대상이 되는 엘리먼트의 크기를 구할때는 여러가지 경우의 수가 있는데 1. 요소의 기본크기 $대상.widht() $대상.height() 2. 기본크기 + padding 영역 $대상.innerWidht() $대상.innerHeight() 3. 기본크기 + padding + border $대상.outerWidht() $대상.outerHeight() 4. 기본크기 + padding + border + margin $대상.outerWidht(true) $대상.outerHeight(true) https://moo-you.tistory.com/433 jQuery height / width 구하기 제이쿼리로 height 또는 width를 구할때는 margin, border, padding을 높이 값에 포함하는가에 따라.. 2023. 4. 2. [jQuery]마우스 클릭한 위치 값 가져오기 마우스 클릭 좌표값 가져오는 이벤트 객체 종류 pageX, pageY 웹브라우저 전체 페이지의 왼쪽 가장자리를 기준으로 좌표를 표시 문서의가장 자리를 기준으로 하기 때문에 스크롤을 고려하여 스크롤될 때마다 좌표값이 변경 된다. event.pageX //x위치 값 event.pageY //y위치 값 clientX, clientY 사용자에게 보여지는 페이지 영역 기준 좌표를 표시 스크롤바가 존재하고, 스크롤 되더라도 특정 지점의 clientX, clientY 값은 동일하다. event.clientX //x위치 값 event.clientY //y위치 값 screenX, screenY 사용자 모니터 화면 기준으로 왼쪽 상단 모서리(0, 0)부터 좌표값 표시 event.screenX //x위치 값 event.sc.. 2023. 4. 1. 전역 위치 설정하기 offset offset() $대상.offset({left:좌표값, top:좌표값}) jQuery의 offset()메서드를 사용하면 전역 위치를 읽는것 뿐만 아니라 설정할 수도 있다. 다음은 offset() 메서드를 활용한 예제이다. 마우스 클릭한 지점으로 캐릭터 이동 시키기 마우스를 클릭하면 pageX, pageY이벤트 객체를 이용해서 left와 top 위치 값을 가져온 뒤에 offset을 이용해서 설정한다. 2023. 3. 31. 이전 1 ··· 40 41 42 43 44 45 46 ··· 137 다음 728x90 반응형 LIST