• 회원가입
  • 로그인
  • 구글아이디로 로그인

[attribute] HTML - onwheel 속성 - 마우스휠/터치패드휠 움직일 때 실행 (= onwheel속성 = 온휠속성) ※ onwheel이벤트 = 온휠이벤트

목차
  1. onwheel 예제 - 마우스휠/터치패드 움직일 때 실행
  2. onwheel 정의
  3. onwheel 구문


onwheel 예제 - 마우스휠/터치패드 움직일 때 실행

 

<style>

#hz {

  border: 1px solid black;

  padding:10px;

}

</style>


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


<script>

function homzzang() {

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

}

</script>


결과보기

 

onwheel 정의

 

(마우스/터치패드) 등의 휠이 위/아래로 움직일 때 실행할 코드 지정.

 


 

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

모든 가시 HTML 요소

 

2.

onmousewheel 속성이 폐기예고(Deprecated) 됨. 대신 onwheel 속성 사용.

 

3.

모든 브라우저 지원.

 

 

onwheel 구문

 

HTML 방식

  • <element onwheel="myScript">

 

JS 방식 (3가지)

  • object.onwheel ()=>{myScript};
  • object.onwheel = function(){myScript};
  • object.addEventListener("wheel", myScript);



[속성값]

 

myScript

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

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

 


방문 감사합니다. (즐겨찾기 등록: Ctrl + D)

분류 제목
intro HTML - 준비물 + 추천링크 (※ 사용중지・사용폐기 태그) 2
intro HTML - 태그 문법 ★
basic HTML - <!DOCTYPE> 태그 ★ - 문서타입 (= !doctype태그 = !doctype요소 = …
basic HTML - <html> 태그 ★ - HTML문서 (= html태그/html요소 = 에이치티엠엘태그/에이치티…
basic HTML - <body> 태그 ★ - 문서영역 (= 문서본문영역 = body태그/body요소 = 바디태그/바…
font HTML - <h1> ~ <h6> 태그 ★ - 문단제목글씨크기 (= 표제태그 = 단락제목글자크기 = h1태그…
basic HTML - <p> 태그 ★ - 글단락 (= 글문단 = p태그/p요소 = 피태그/피요소)
basic HTML - <br> 태그 ★ - 줄바꿈 (=br태그/br요소 = 비알태그/비알요소) ※ 한줄아래로 줄바꿈 …
basic HTML - <hr> 태그 - 주제 다른 문단구분선 (= hr태그 = hr요소 = 가로선 = 수평선 = 에이…
basic HTML - <!--주석 내용--> 태그 ★ - 주석 처리 ※ 스크립트 태그 안 주석 의미
intro HTML - IE조건부주석 ★ (= 익스주석태그 = 익스플로러 조건문)
formatting HTML - <acronym> 태그 - 두문자어 (= acronym태그 = acronym요소 = 애크로님태그…
formatting HTML - <abbr> 태그 - 축약어/두문자어 (= abbr태그 = abbr요소 = 어브르태그 = 어브리…
formatting HTML - <address> 태그 - 연락처 (= address태그 = address요소 = 어드레스태그)
font HTML - <b> 태그 ★ - 굵은글씨 (= b태그 = 비태그) ※ 볼드태그 / bold태그 / 글씨 긁…
formatting HTML - <bdo> 태그 - 텍스트출력방향 (= bdo태그 = bdo요소 = 글자방향 = 브도태그 = …
1/18
목록
찾아주셔서 감사합니다. Since 2012