onwheel 이벤트
예
사용자가 자바 스크립트에서 <div> 요소에 마우스 휠을 굴릴 때 실행 :
. 중요 document.getElementById ( "myDIV")하여 addEventListener ( "바퀴"하여 myFunction);
myFunction 함수 () {
. 중요 document.getElementById ( "myDIV") style.color = "빨강";
}
myFunction 함수 () {
. 중요 document.getElementById ( "myDIV") style.color = "빨강";
}
»시도
정의 및 사용
onwheel 이벤트가 발생 때 마우스 휠 스크롤과 요소 다운합니다.
onwheel 이벤트는 스크롤 영역이 감소하는 동안 (예 : 노트북의 터치 패드와 같은) 터치 패드 트리거 확대 할 수 있습니다.
브라우저 지원
| 행사 | |||||
|---|---|---|---|---|---|
| onwheel | 31.0 | 9.0 | 17.0 | 지원하지 않습니다 | 18.0 |
참고 : IE 브라우저의 메소드지지 휠 이벤트를 만 addEventListener를 통해 (). 어떤 onwheel 속성 DOM 개체가 없습니다.
문법
HTML에서 :
<요소onwheel = "MyScript를"> 시도
자바 스크립트에서 :
객체 .onwheel = 함수 () {MyScript를 }; 시도
자바 스크립트는 addEventListener () 메서드를 사용합니다 :
.addEventListener ( "휠", MyScript를 개체 ) 시도
참고 : 인터넷 익스플로러 8과 IE의 이전 버전을 지원하지 않습니다 하여 addEventListener () 메서드를.
기술 세부 사항
| 거품을 지원하는 여부 : | 예 |
|---|---|
| 그것은 취소 할 수 있습니다 : | 예 |
| 이벤트 종류 : | WheelEvent |
| 지원되는 HTML 태그 : | 모든 HTML 요소 |
이벤트 객체