목차
- deltaX 예제 - 마우스휠 X축 스크롤량
- deltaX 정의
- deltaX 구문
deltaX 예제 - 마우스휠 X축 스크롤량
<!DOCTYPE html>
<html>
<body onwheel="homzzang(event)">
<h1>홈짱닷컴</h1>
<p>Homzzang.com</p>
<p id="demo"></p>
<script>
function homzzang(event) {
var x = event.deltaX;
document.getElementById("demo").innerHTML = x; // 0
}
</script>
</body>
</html>
결과보기 (결과값: 0)
∵ 회원 님 마우스 비롯 대부분 마우스가 좌우 마우스휠 스크롤 지원 X
deltaX 정의
마우스휠 X축(=좌우=가로) 스크롤량 반환.
1.
대부분 마우스기기는 좌우 스크롤 기능 없기 때문에 항상 0 반환.
2.
읽기 전용 속성임. (즉, 값 설정 불가)
3.
주요 최신 브라우저 모두 지원.
단, Safari 지원 X
deltaX 구문
event.deltaX
[반환값]
스크롤량 나타내는 Double 자료형의 숫자 반한.
- 오른쪽으로 스크롤: 양(+)의 숫자 반환.
- 왼쪽으로 스크롤: 음(-)의 숫자 반환.
- 스크롤 안 하면: 0 반환.
