[attribute] HTML - onmousewheel 속성 - (폐기예고) 마우스휠 움직일 때 실행 (= onmousewheel속성 = 온마우스휠속성) ※ onmousewheel이벤트 = 온마우스휠이벤트 ※ onwheel 속성으로 대체됨.

1. onmousewheel 예제 - 마우스휠 움직일 때 실행
2. onmousewheel 정의
3. onmousewheel 구문

※ 폐기예고(Deprecated) 됨.

onmousewheel 예제 - 마우스휠 움직일 때 실행

 

<style>

#hz {

  border: 1px solid black;

  padding:10px;

}

</style>

<div id="hz" onmousewheel="homzzang()"><li>홈짱닷컴 Homzzang<li>홈페이지 제작관리 강의<li>그누보드 기초강의</div>

<script>

function homzzang() {

  document.getElementById("hz").style.fontSize = "25px";

}

</script>

결과보기

onmousewheel 정의

 

마우스휠이 위/아래로 움직일 때 실행할 코드 지정.

 

---

 

1. onmousewheel 속성 사용 가능 태그 종류

모든 가시 HTML 요소

 

2.

폐기예고(Deprecate) 됨. 대신, onwheel 속성 사용.

 

3.

모든 브라우저 지원.

 

onmousewheel 구문

 

HTML 방식

• <element onmousewheel="myScript">

 

JS 방식 (3가지)

• object.onmousewheel = ()=>{myScript};
• object.onmousewheel = function(){myScript};
• object.addEventListener("mousewheel", myScript);

---

[속성값]

 

myScript

마우스휠이 위/아래로 움직일 때, 실행할 JS 코드

• 주의: 함수명 사용 시, 다른 곳은 전부 소괄호까지 사용해 함수 호출하나 핑크색 myScript 자리는 "함수명만" 사용해 함수 호출.
• 사용 방식 통일 권장.