ȸÀü ¸¶¿ì½º¸¦ ±¼·ÈÀ» ¶§ ±¼¸° °Å¸®¿Í ¹æÇâÀ» ¹ÝȯÇÑ´Ù.

Àμö
: (¼Ó¼º Á¤¼ö°ª)
¼Ó¼º°ªÀº ȸÀü ¸¶¿ì½º¸¦ ±¼·ÈÀ» ¶§ ±¼¸° °Å¸®¿Í ¹æÇâÀ» ³ªÅ¸³»´Â Á¤¼ö°ªÀÌ´Ù.

ÀÌ ¼Ó¼ºÀº ÀбâÀü¿ëÀÌ¸ç µðÆúÆ®°ªÀº ¾ø´Ù.

Ư±â

ÀÌ ¼Ó¼º°ªÀº ¸¶¿ì½º ±¼¸²µÈ °Å¸®¸¦ 120 °öÇÑ °ª(120ÀÇ ¹è¼ö)À¸·Î ³ªÅ¸³½´Ù.
¾ç¼ö´Â ¸¶¿ì½ºÈÙÀÌ À§·Î ±¼·ÁÁø °ÅÀÌ°í À½¼ö´Â ¾Æ·¡·Î ±¼¸° °ÍÀÌ´Ù.

ÀÌ ¼Ó¼ºÀº onmousewheel À̺¥Æ®¿Í °°ÀÌ »ç¿ëÇÑ´Ù.

Àû¿ë
°³Ã¼scriptHTML±Ô°ÝIE

ÀÌ ¹Ú½º ¼Ó¿¡¼­ ¸¶¿ì½º¸¦ ±¼·Á º¸¶ó.
°á°ú Ç¥½Ãâ
<SCRIPT>
function updateDelta(){
  if (event.wheelDelta<0) showA.style.color='red';
  else showA.style.color='blue';
  showA.innerText=event.wheelDelta;
}
</SCRIPT>
<DIV onmousewheel="updateDelta()" style="height:50;border:solid 1 blue;background-color:lightgreen;height:200">
ÀÌ ¹Ú½º ¼Ó¿¡¼­ ¸¶¿ì½º¸¦ ±¼·Á º¸¶ó.
<DIV id="showA" style="background:white;padding:5;color:red;font-weight:bold">°á°ú Ç¥½Ãâ</DIV>
</DIV>
</DIV>