9. Event °´Ã¼


  À̺¥Æ®¶õ °£´ÜÈ÷ ¸»ÇÏÀÚ¸é, »ç¿ëÀÚÀÇ ÇàÀ§(Action)¸¦ ¸»ÇÑ´Ù. Áï, ¹öưÀ» ´©¸£°Å³ª, Text¿¡ ±ÛÀÚ¸¦ ÃÄ ³Ö°Å³ª, ºê¶ó¿ìÀú°¡ »õ·Î¿î ¹®¼­¸¦ ÀÐ¾î µéÀ̰ųª, ºê¶ó¿ìÀú¸¦ ´Ý°Å³ª ÇÏ´Â °ÍµéÀÌ ¹Ù·Î À̺¥Æ®ÀÎ °ÍÀÌ´Ù.

  Ãʱ⿡ À¥ ȯ°æ, Á¤È®È÷ ¸»ÇÏÀÚ¸é, HTML¿¡¼­´Â ÀÌ·¯ÇÑ °ÍÀÌ ¾ø¾ú´Ù. ±×·¡¼­, »ç¿ëÀÚÀÇ ÀԷ¿¡ ¹ÝÀÀÇÏÁö ¸øÇÔ¿¡ µû¶ó À¥ ¼­¹ö¿Í ³×Æ®¿öÅ©¿¡ ºÎÇϸ¦ ÁÖ¾ú´ø °ÍÀÌ´Ù. ±×·¯ÇÑ ¹®Á¦ ¶§¹®¿¡ ÀÚ¹Ù½ºÅ©¸³Æ®°¡ Ãß°¡µÇ¸é¼­ ÀÌ·¯ÇÑ ¹®Á¦Á¡À» ÁÙ¿©ÁÖ¾ú´ø °ÍÀÌ´Ù.

  ÀÚ¹Ù½ºÅ©¸³Æ®¸¦ HTML¹®Àå¿¡ »ç¿ëÇÒ ¼ö ÀÖ°Ô µÇ¸é¼­, »ç¿ëÀÚÀÇ Çൿ¿¡ µû¶ó ÀûÀýÇÑ Á¶Ä¡¸¦ ÃëÇÒ ¼ö ÀÖ°Ô µÊ¿¡ µû¶ó HTML ¹®¼­ÀÇ ³»¿ë¸¸À» ´Ü¼øÈ÷ º¸¿©ÁÖ´Â ºê¶ó¿ìÀúȯ°æÀ» ¹þ¾î³¯ ¼ö ÀÖ°Ô µÈ °ÍÀÌ´Ù.

  Áï, ÀÚ¹Ù½ºÅ©¸³Æ®°¡ À̺¥Æ®¸¦ ó¸®(Handle)ÇÏ°Ô µÊ¿¡ µû¶ó HTML¹®¼­°¡ º¸´Ù µ¿ÀûÀÎ(Dynamic) ÆäÀÌÁö°¡ µÉ ¼ö ÀÖ¾ú´Ù. ´ëºÎºÐ À̺¥Æ®°¡ ¹ß»ýÇϸé, ÀÌ À̺¥Æ®¸¦ ó¸®(Handle)ÇÒ ¼ö ÀÖ´Â ÇÔ¼ö¸¦ ¸¸µé¾î¼­ ÇØ´ç À̺¥Æ®¿¡ ´ëÀÀÇÏ°Ô Çϴµ¥, ÀÌ·¸°Ô À̺¥Æ®¿Í ó¸®ÇÔ¼ö¸¦ ¹­¾îÁÖ´Â °ÍÀ» À̺¥Æ® Çڵ鷯(Event Handler)¶ó°í ºÎ¸¥´Ù.

  ´ÙÀ½Àº À̺¥Æ®ÀÇ Á¾·ù¿Í ±×¿¡ ´ëÇÑ ¼³¸íÀÌ´Ù.

À̺¥Æ®¸í¹ß»ý´ë»ó¼³ ¸í
AbortimageÀ̹ÌÁö¸¦ ·ÎµùÇÏ´Ù°¡ ¸ØÃß¾úÀ» ¶§
Blurwindow, form elementÀÔ·Â Æ÷Ä¿½º°¡ À̵¿ÇÒ ¶§
Changetext, textarea, select³»¿ëÀÌ º¯°æµÇ¾úÀ» ¶§
Clickbutton, radio, checkbox, submit, reset¸¶¿ì½º°¡ ´­·ÈÀ» ¶§
DblClickbutton, radio, checkbox, submit, reset¸¶¿ì½º°¡ µÎ¹ø´­·ÈÀ» ¶§
DragDropwindow¸¶¿ì½º¸¦ ´©¸¥ »óÅ·Π¿òÁ÷¿´À» ¶§
Errorimage, window¹®¼­³ª À̹ÌÁö¸¦ ·ÎµùÇÏ´Ù ¸ØÃèÀ» ¶§
Focuswindow, form elementÀÔ·Â Æ÷Ä¿½º¸¦ ¹Þ¾ÒÀ» ¶§
KeyDowndocument, image, link, textŰº¸µå·Î °ªÀ» ÀÔ·ÂÇßÀ» ¶§
KeyPressdocument, image, link, textŰº¸µå°¡ ´­·ÈÀ» ¶§
KeyUpdocument, image, link, textŰº¸µå°¡ ´­·È´Ù ³õ¾ÒÀ» ¶§
Loaddocument¹®¼­¸¦ ·ÎµùÀ» ¿Ï·áÇßÀ» ¶§
MouseDowndocument, button, link¸¶¿ì½º°¡ ´­·ÈÀ» ¶§
MouseMoveall¸¶¿ì½º°¡ ¿òÁ÷ÀÏ ¶§
MouseOutimage map, link¸¶¿ì½º°¡ ºüÁ®³ª°¥ ¶§
MouseOverlink¸¶¿ì½º Æ÷ÀÎÅͰ¡ ¿Ã¶ó¿ÔÀ» ¶§
MouseUpdocument, button, link¸¶¿ì½º¸¦ ´­·¶´Ù ³õ¾ÒÀ» ¶§
Movewindowºê¶ó¿ìÀú¸¦ À̵¿½Ãų ¶§
Resetformform ÅÂ±× Áß reset¹öưÀ» ´­·¶À» ¶§
Resizewindowºê¶ó¿ìÀúÀÇ »çÀÌÁ º¯°æÇÒ ¶§
Selecttext, textareaÀÔ·ÂâÀ» ¼±ÅÃÇßÀ» ¶§
Submitformform°ªÀ» Àü¼ÛÇÒ ¶§
Unloaddocumentºê¶ó¿ìÀú°¡ ÇöÀç ¹®¼­¿¡¼­ ºüÁ®³ª°¥ ¶§


  À§ÀÇ À̺¥Æ®´Â ¾Õ¿¡¼­ ¸»ÇÑ ´ë·Î »ç¿ëÀÚ°¡ ¹ß»ýÀ» ½ÃŲ´Ù. ±×·³ ±× À̺¥Æ®¿¡ ÇØ´çÇÏ´Â ÇÔ¼ö¸¦ ¾î¶»°Ô ´ëÀÀ½Ã۴°¡ ¹è¿ö¾ß ÇϰڴÙ. Áï, À̺¥Æ® Çڵ鷯¸¦ »ç¿ëÇÏ´Â ¹æ¹ýºÎÅÍ ¾Ë¾Æº¸ÀÚ.ÀϹÝÀûÀ¸·Î À̺¥Æ® Çڵ鷯´Â À̺¥Æ®¸í ¾Õ¿¡ ´Ü¼øÈ÷ onÀ» ºÙÀÌ¸é µÈ´Ù. Áï, Click À̺¥Æ®¸¦ Àâ¾Æ³»°í ½ÍÀ¸¸é onClickÀ̶ó°í Çϸé ClickÀ̺¥Æ® Çڵ鷯°¡ µÇ´Â °ÍÀÌ´Ù. À̺¥Æ®´Â ƯÁ¤ÇÑ HTML¿ä¼Ò Áï, HTML Tag¿¡¼­ ¹ß»ýµÇ´Â °ÍÀ̱⠶§¹®¿¡ ´ÙÀ½°ú °°ÀÌ Ç¥±âÇÑ´Ù.

<TAG eventHandler="ó¸®ÇÒ ½ÇÁ¦ÇÔ¼ö¸í();">
  ½ÇÁ¦ ¿¹·Î, °£´ÜÈ÷ Form TagÁß¿¡ ButtonÀ» ¿¹·Î µé¸é,

<INPUT TYPE="button" VALUE="Click Me" onClick="func();">
  ¿Í °°ÀÌ »ç¿ëÇÏ¸é µÈ´Ù. ÀÌ·¸°Ô À̺¥Æ® Çڵ鷯¿¡´Â ÇÔ¼ö³ª ´Ù¸¥ ÀÚ¹Ù½ºÅ©¸³Æ® Äڵ尡 ¿Ã ¼ö µµ ÀÖ´Ù. ÀÚ¹Ù½ºÅ©¸³Æ® Äڵ尡 ¿©·¯ °³ ¿Ã °æ¿ì¿¡´Â ¹Ýµå½Ã ¼¼¹ÌÄÝ·Ð(;)À» ³Ö¾îÁÖ¾î¾ß ÇÏÁö¸¸, À§ÀÇ ¿¹Ã³·³ ÇϳªÀÇ ¹®ÀåÀÎ °æ¿ì´Â ¼¼¹ÌÄÝ·ÐÀ» »ý·«ÇÒ ¼öµµ ÀÖ´Ù.

  ÇϳªÀÇ HTML ¿ä¼Ò¿¡ ¿©·¯°³ÀÇ À̺¥Æ® Çڵ鷯¸¦ ÁöÁ¤ÇÒ ¼öµµ ÀÖ´Ù.

<TAG onClick="alert('Click')" onFocus="alert('Focus')">

- Last Update : 2001.7.3 by Deadfire(http://www.deadfire.net)

Javascript °­ÁÂ
µé¾î°¡±â
Javascript¶õ?
ÀÛµ¿ ¹æ½Ä
Àå ´Ü Á¡
±â ÃÊ
     - HTML¹®¼­¿¡Ãß°¡Çϱâ
     - ÃÖÃÊ ¿¹Á¦
     - ÇÔ¼ö»ç¿ëÇϱâ
     - ±âº» ÇÔ¼ö
¹® ¹ý
     - º¯ ¼ö
     - ¿¬ »ê
     - Á¶ °Ç ¹®
     - ¹Ý º¹ ¹®
     - »ç¿ëÀÚÇÔ¼ö
°´ ü
     - Object¶õ?
     - ¼Ó¼º°ú ÇÔ¼ö
     - °´Ã¼ÀÇ »ý¼º°ú»ç¿ë
³»Àå °´Ã¼
     - Date
     - Math
     - String
     - Array
     - Boolean
     - Function
     - Argument
     - Number
     - Global
     - ±â Ÿ
     - with / delete
Event °´Ã¼
³×ºñ°ÔÀÌÅÍ °´Ã¼
     - ³×ºñ°ÔÀÌÅͰ´Ã¼±¸Á¶
     - °´Ã¼ Á¢±Ù ¹æ¹ý
     - navigator
     - window
     - location
     - history
     - document
     - form
     - form elements
Frame °´Ã¼
±â Ÿ
     - Animation
     - Audio
¸¶Ä¡¸ç

Copyright ¨Ï 1997 ~, Deadfire Program Master