달력

5

« 2025/5 »

  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24
  • 25
  • 26
  • 27
  • 28
  • 29
  • 30
  • 31
특정 element에 적용된 style값을 확인하려면,
예를 들어
Element.style.top과 같이 사용할 것이다.

하지만,
위에서 사용한 style.top값이 element가 아닌 element에 적용된 class에 적용되어진 값이라면 style.top값이 제대로 확인되지 않을 것이다.

그럴때 사용하는 함수가
getComputedStyle(element, pseudoElement)이다.
첫번째 argument는 확인할 element이고,
두번째 argument는 ;before나 ;first-line과 같은 CSS유사 엘리먼트 문자열인데, 사용하지않는다면 null을 입력하면 된다.

native function이다.
:
Posted by stride27

PC 환경에서는 mouse이벤트, 모바일 디바이스에서는 touch이벤트가 동작한다.

mouse이벤트의 경우 현재 마우스 포인터가 있는 곳의 element가 이벤트 반응을 하지만, touch이벤트의 경우에는 처음 touch한 element가 touchend시까지 반응 하므로 차이가 발생하여 touch가 반응하고 있는 곳이 element를 알아내기에 상당한 어려움이 있다.

하지만,

window.document.elementFromPoint(pageX, pageY);

함수를 사용한다면 해당 위치의 element를 쉽게 알아낼 수 있다.

native function이다.

'JavaScript' 카테고리의 다른 글

element의 class에 적용된 스타일 속성값 얻기.  (0) 2013.01.15
:
Posted by stride27