마우스 휠이 움직일 때 한 번 호출되는 함수입니다.
mouseWheel() 함수를 선언하면 사용자가 마우스 휠을 움직일 때 자동으로 실행되는 코드 블록을 설정합니다:
function mouseWheel() {
// 실행할 코드.
}
mouseX나 mouseY와 같은 마우스 시스템 변수는 p5.js에 의해 mouseWheel()가 호출될 때 가장 최근 값으로 업데이트됩니다:
function mouseWheel() {
if (mouseX < 50) {
// 마우스가 왼쪽에 있을 때 실행할 코드.
}
if (mouseY > 50) {
// 마우스가 아래쪽에 있을 때 실행할 코드.
}
}
event는 선택적(optional) 매개변수입니다. mouseWheel()는 항상 MouseEvent 객체를 전달받으며, 이 객체는 마우스 스크롤 이벤트를 설명하는 속성들을 가지고 있습니다:
function mouseWheel(event) {
// 이벤트를 사용하여 실행할 코드.
console.log(event);
}
event 객체에는 유저가 스크롤한 거리를 나타내는 Number, 즉 delta가 포함되어 있습니다. 예를 들어, 유저가 위로 스크롤할 때 event.delta가 5일 수 있습니다. event.delta는 유저가 위로 스크롤할 때 양수이며, 아래로 스크롤할 때 음수입니다. macOS에서는 "자연스러운" 스크롤이 활성화되어 있을 때 이 부호가 반대입니다.
브라우저는 다양한 마우스 이벤트에 대해 기본적으로 설정된 동작을 가지고 있을 수 있습니다. 예를 들어, 일부 브라우저는 마우스 버튼을 누르고 마우스를 움직일 때 텍스트를 강조합니다. 이 이벤트에 대한 기본 동작을 방지하려면, 함수 끝에 return false;를 추가하세요.
참고: Safari에서는 mouseWheel()가 예상대로 작동하려면 함수 끝에 return false;를 추가해야 합니다.
예제
구문
mouseWheel([event])
매개변수
선택적 WheelEvent 인자.