마우스 휠 프로그래밍_자바스크립트 기술

이전에는 이 스크롤 휠을 발견하지 못했지만 여기에서 이에 대한 기사를 보았습니다: http://www.javascriptsearch.com/guides/Advanced/articles/JSMouseScrolling.html

뒤집어 놓았습니다. 실제 응용프로그램에서 사용하면 가끔 꽤 유용할 때가 있습니다. 가장 중요한 것은 스크롤 휠이 위로 굴러가는지 아니면 아래로 굴러가는지 확인하는 것입니다.

댓글 달린 코드

함수 핸들(델타) {
if (delta < 0)
…;
else
…;
}

/**이벤트 핸들러
*/
function 휠(이벤트){
var delta = 0;
if (!event) /* IE의 경우 */
event = window.event;
if ( event.wheelDelta) { /* IE 또는 Opera. */
delta = event.wheelDelta/120;
/**Opera9에서는 이벤트 처리가 IE와 다릅니다
*/
if (window.opera)
delta = - delta;
} else if (event.detail) { /**모질라와 호환됩니다.*/
/**Mozilla에서는 델타의 부호가 IE와 다릅니다.
 * 또한 델타는 3의 배수입니다.
 */
delta = -event.detail/3;
}
/**증분량이 0이 아니면 트리거됩니다
* 주요 기능은 바퀴가 위로 굴러가는지 아래로 굴러가는지 테스트하는 것입니다
*/
if (델타)
핸들(델타);
}

/**초기화*/
if (window. addEventListener)
/**Mozilla의 DOM 기반 스크롤 휠 이벤트 **/
window.addEventListener('DOMMouseScroll', 휠, false);
/**IE/오페라.*/
window.onmousewheel = document.onmousewheel = 휠;

위 코드에서 작성해야 하는 코드는 -delta 매개변수입니다. 실제로는 마우스가 위로 스크롤되는지 확인하는 코드일 뿐입니다. 아니면 지금 당장 아래로. 아래와 같이

<?xml version="1.0" encoding="UTF-8"?> <title> 마우스휠 델타 - http://www.never-online.net </title> <meta http-equiv="ImageToolbar" content="no"> <meta name="author" content="never-online, BlueDestiny"> <meta name="keywords" content="never modules, Mozilla CSS, C#, .net, Refercence, BlueDestiny, never-online"> <meta name="description" content="BlueDestiny, never-online"> <meta name="title" content=" - http://www.never-online.net"> <meta name="creator.name" content="never-online, BlueDestiny"> <style type="text/css" media="all" title="Default"> </style> <div id="delta"> </div>델타를 보려면 마우스 휠을 스크롤하세요.
[Ctrl A 모두 선택 참고: 외부 J를 도입해야 하는 경우 실행하려면 새로 고쳐야 합니다

]