j JavaScript

[DOM_Event] JS - deltaZ 속성 - 마우스휠 이벤트 Z축 방향 스크롤량 (= deltaZ속성 = 델타제트 속성 = 델타지 속성)

홈짱 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물

쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물

1,944

검색목록 목록 글쓰기

deltaZ 예제 - 마우스휠 Z축 스크롤량

deltaZ 정의

deltaZ 구문

일반 사용자는 쓸 일이 별로 없으니, 시간 널널한 분만 공부. ㅡㅡ;

deltaZ 예제 - 마우스휠 Z축 스크롤량

<body onwheel="homzzang(event)">

<p id="demo"></p>

<script>

function homzzang(event) {

var z = event.deltaZ;

document.getElementById("demo").innerHTML = z;

}

</script>

</body>

결과보기

PS. 대부분 마우스는 z축 스크롤 기능이 없어, 항상 0으로 찍힘.

deltaZ 정의

3D 마우스에서 사용하는 개념. (사실, 저도 잘 모름. ㅡㅡ;;)

https://stackoverflow.com/questions/30862612

(안으로 스크롤하면 양의 값, 밖으로 스크롤하면 음의 값, 그외는 0 반환.)

1.

대부분 마우스는 z축 스크롤 기능이 없어, 항상 0으로 찍힘.

2.

읽기 전용 속성.

3.

주요 브라우저 모두 지원. (단, Safari 지원 X)

deltaZ 구문

event.deltaZ

[반환값]

마우스 휠의 스크롤 방향을 나타내는 double 타입 숫자 반환.

JavaScript 관련글

jQuery 관련글

코딩동강 관련글

HTML 관련글

CSS 관련글

PHP 관련글

SQL 관련글

Bootstrap 3 관련글

코멘트입력

검색목록 목록 글쓰기


분류	제목



DOM_Style	JS - borderTopRightRadius -

DOM_Style	JS - borderTopStyle -

DOM_Style	JS - borderTopWidth -

DOM_Style	JS - borderWidth 속성 - 테두리두께 (= 보더위드스속성 = border-width속성) ★

DOM_Style	JS - bottom 속성 - 기준하단 (= bottom속성 = 하단기준 = 아래기준 = 바텀속성 = 보텀속…

DOM_Style	JS - boxDecorationBreak -

DOM_Style	JS - boxShadow 속성 - 상자그림자 (= box-shadow속성 = 박스그림자 = 요소그림자 = …

DOM_Style	JS - boxSizing 속성 - (박스너비 = 박스전체너비 =박스총너비) 결정방식 (= 박스사이징속성, …

DOM_Style	JS - captionSide -

DOM_Style	JS - clear 속성 ★ - float 해제후 줄바꿈 (= 클리어속성, clear속성, 상속 X)

DOM_Style	JS - clip 속성 - 이미지 일부만 노출 (= 이미지 자르기 = clip속성 = 클립속성)

DOM_Style	JS - color 속성 - 글자색깔 (=글자색상=글자색깔=글자컬러 = 텍스트색깔 = 컬러속성 = colo…

DOM_Style	JS - columnCount -

DOM_Style	JS - columnFill -

DOM_Style	JS - columnGap -

DOM_Style	JS - columnRule -

DOM_Style	JS - columnRuleColor -

DOM_Style	JS - columnRuleStyle -

DOM_Style	JS - columnRuleWidth -

DOM_Style	JS - columns -

45/67

[DOM_Event] JS - deltaZ 속성 - 마우스휠 이벤트 Z축 방향 스크롤량 (= deltaZ속성 = 델타제트 속성 = 델타지 속성)

deltaZ 예제 - 마우스휠 Z축 스크롤량

deltaZ 정의

deltaZ 구문

JavaScript 관련글

jQuery 관련글

코딩동강 관련글

HTML 관련글

CSS 관련글

PHP 관련글

SQL 관련글

Bootstrap 3 관련글

공지사항

최신글

최신댓글

운영비 후원해주신 분 리스트