목차
deltaX 예제 - 마우스휠 X축 스크롤량 deltaX 정의 deltaX 구문
<!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
<!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
마우스휠 X축(=좌우=가로) 스크롤량 반환. 1. 대부분 마우스기기는 좌우 스크롤 기능 없기 때문에 항상 0 반환. 2. 읽기 전용 속성임. (즉, 값 설정 불가) 3. 주요 최신 브라우저 모두 지원. 단, Safari 지원 X
마우스휠 X축(=좌우=가로) 스크롤량 반환.
1.
대부분 마우스기기는 좌우 스크롤 기능 없기 때문에 항상 0 반환.
2.
읽기 전용 속성임. (즉, 값 설정 불가)
3.
주요 최신 브라우저 모두 지원.
단, Safari 지원 X
event.deltaX [반환값] 스크롤량 나타내는 Double 자료형의 숫자 반한. 오른쪽으로 스크롤: 양(+)의 숫자 반환. 왼쪽으로 스크롤: 음(-)의 숫자 반환. 스크롤 안 하면: 0 반환.
event.deltaX
[반환값]
스크롤량 나타내는 Double 자료형의 숫자 반한.
