최신 웹 개발 튜토리얼
 

onwheel 이벤트

<이벤트 객체

예

사용자가 위에 마우스 휠을 회전 시키면, <div> 엘리먼트를, 그 폰트 크기를 변경 :

document.getElementById("myDIV").addEventListener("wheel", myFunction);

function myFunction() {
    this.style.fontSize = "35px";
}
»그것을 자신을 시도

정의 및 사용

마우스 휠을 아래로 요소 위에서 롤업 또는 때 onwheel 이벤트가 발생합니다.

onwheel 이벤트가 발생하면 터치 패드를 이용하여 사용자가 스크롤 또는 요소의 확대 또는 축소 (like the "mouse" of a laptop) .

브라우저 지원

테이블의 숫자는 완전히 이벤트를 지원하는 최초의 브라우저 버전을 지정합니다.

행사
onwheel 31.0 9.0 17.0 지원되지 않음 18.0

참고 : IE에서, 휠 이벤트 만 지원됩니다 addEventListener() 방법. DOM 객체에는 onwheel 속성이 없습니다.

통사론

HTML에서 :

< »그것을 자신을 시도

자바 스크립트에서 :

object .onwheel=function(){ »그것을 자신을 시도

자바 스크립트는 사용 addEventListener() 메서드를 :

object .addEventListener("wheel", myScript );
»그것을 자신을 시도

참고 : addEventListener() 메서드는 인터넷 익스플로러 8 이전 버전에서는 지원되지 않습니다.

기술적 세부 사항

거품 : 예
취소 가능 : 예
이벤트 유형: WheelEvent
지원되는 HTML 태그 : 모든 HTML 요소
DOM 버전 : 레벨 3 이벤트
<이벤트 객체