JavaScript

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

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

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

1,500

목록 글쓰기

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 타입 숫자 반환.

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

JavaScript 관련글

JQuery 관련글

코딩동강 관련글

HTML 관련글

CSS 관련글

PHP 관련글

SQL 관련글

Bootstrap 3 관련글

코멘트입력

목록 글쓰기


분류	제목



DOM_Element	JS - childElementCount 속성 - 자식요소개수 (IE9 이상)

DOM_Element	JS - childNodes 속성 - 자식노드리스트

DOM_Element	JS - children 속성 ★ - 자식요소노드 (IE9 이상)

DOM_Element	JS - classList 속성 ★★ - 요소의 클래스리스트. (= classList속성 = 클리스리스트속성…

DOM_Element	JS - className 속성 ★★★ = 요소의 클래스명 반환/설정. (= className속성 = 클래스…

DOM_Element	JS - click() 메서드 ★★★★★ - 마우스클릭간주 (= 클릭이벤트 = click메서드 = 클릭메서드…

DOM_Element	JS - clientHeight 속성 - 요소높이 (= 요소가시높이) (padding 포함 / border,…

DOM_Element	JS - clientLeft 속성 - 요소왼쪽테두리너비 (= 요소좌측테두리너비)

DOM_Element	JS - clientTop 속성 - 요소위쪽테두리너비 (= 요소상단테두리너비)

DOM_Element	JS - clientWidth 속성 ★ - 요소너비 (= 요소가시너비 = clientWidth속성 = 클라이…

DOM_Element	JS - cloneNode() 메서드 - 노드복사

DOM_Element	JS - compareDocumentPosition() 메서드 - 노드간 위치비교 (IE9 이상)

DOM_Element	JS - contains() 메서드 ★ - 자손노드인지 판별 (= contains메서드 = 컨테인즈 메서드)

DOM_Element	JS - contentEditable 속성 - 편집가능상태 설정/반환

DOM_Element	JS - dir 속성 - 쓰기방향 (= 입력방향) 설정/반환

36/89