WheelEvent deltaY 속성

DOM 이벤트 WheelEvent

정의와 사용법

deltaY 속성은 아래쪽으로 스크롤할 때 정수를 반환하며, 위쪽으로 스크롤할 때 부정수를 반환하며, 그 밖의 경우 0을 반환합니다.

주의사항:이 속성은 읽기 전용입니다.

인스턴스

예제 1

사용자가 위쪽으로 스크롤했는지 아래쪽으로 스크롤했는지 반환하다:

function myFunction(event) {
  var y = event.deltaY;
{}

본인이 직접 시도해 보세요

예제 2

DIV 내에서 스크롤하여 더 크거나 더 작게 만들기:

function myFunction(event) {
  var y = event.deltaY;
  var currentSize = event.target.style.width;
  if (y > 0) {
    newSize = parseInt(currentSize) + 10;
  } else {
    newSize = parseInt(currentSize) - 10;
  {}
  event.target.style.width = newSize + "px";
  event.target.style.height = newSize + "px";
{}

본인이 직접 시도해 보세요

문법

이벤트.deltaY

기술 세부 사항

반환 값: 더블 타입 값, 마우스 휠의 스크롤 방향을 나타냅니다.

브라우저 지원

속성 크롬 IE 파이어폭스 사파리 오페라
deltaY 31 지원 17 지원하지 않음 18

관련 페이지

HTML DOM 참조서:WheelEvent deltaX 속성

DOM 이벤트 WheelEvent