À̺¥Æ®¶õ °£´ÜÈ÷ ¸»ÇÏÀÚ¸é, »ç¿ëÀÚÀÇ ÇàÀ§(Action)¸¦ ¸»ÇÑ´Ù. Áï, ¹öưÀ» ´©¸£°Å³ª, Text¿¡
±ÛÀÚ¸¦ ÃÄ ³Ö°Å³ª, ºê¶ó¿ìÀú°¡ »õ·Î¿î ¹®¼¸¦ ÀÐ¾î µéÀ̰ųª, ºê¶ó¿ìÀú¸¦ ´Ý°Å³ª ÇÏ´Â °ÍµéÀÌ
¹Ù·Î À̺¥Æ®ÀÎ °ÍÀÌ´Ù.
Ãʱ⿡ À¥ ȯ°æ, Á¤È®È÷ ¸»ÇÏÀÚ¸é, HTML¿¡¼´Â ÀÌ·¯ÇÑ °ÍÀÌ ¾ø¾ú´Ù. ±×·¡¼, »ç¿ëÀÚÀÇ
ÀԷ¿¡ ¹ÝÀÀÇÏÁö ¸øÇÔ¿¡ µû¶ó À¥ ¼¹ö¿Í ³×Æ®¿öÅ©¿¡ ºÎÇϸ¦ ÁÖ¾ú´ø °ÍÀÌ´Ù. ±×·¯ÇÑ ¹®Á¦ ¶§¹®¿¡
ÀÚ¹Ù½ºÅ©¸³Æ®°¡ Ãß°¡µÇ¸é¼ ÀÌ·¯ÇÑ ¹®Á¦Á¡À» ÁÙ¿©ÁÖ¾ú´ø °ÍÀÌ´Ù.
ÀÚ¹Ù½ºÅ©¸³Æ®¸¦ HTML¹®Àå¿¡ »ç¿ëÇÒ ¼ö ÀÖ°Ô µÇ¸é¼, »ç¿ëÀÚÀÇ Çൿ¿¡ µû¶ó ÀûÀýÇÑ
Á¶Ä¡¸¦ ÃëÇÒ ¼ö ÀÖ°Ô µÊ¿¡ µû¶ó HTML ¹®¼ÀÇ ³»¿ë¸¸À» ´Ü¼øÈ÷ º¸¿©ÁÖ´Â ºê¶ó¿ìÀúȯ°æÀ»
¹þ¾î³¯ ¼ö ÀÖ°Ô µÈ °ÍÀÌ´Ù.
Áï, ÀÚ¹Ù½ºÅ©¸³Æ®°¡ À̺¥Æ®¸¦ ó¸®(Handle)ÇÏ°Ô µÊ¿¡ µû¶ó HTML¹®¼°¡ º¸´Ù µ¿ÀûÀÎ(Dynamic)
ÆäÀÌÁö°¡ µÉ ¼ö ÀÖ¾ú´Ù. ´ëºÎºÐ À̺¥Æ®°¡ ¹ß»ýÇϸé, ÀÌ À̺¥Æ®¸¦ ó¸®(Handle)ÇÒ ¼ö ÀÖ´Â ÇÔ¼ö¸¦
¸¸µé¾î¼ ÇØ´ç À̺¥Æ®¿¡ ´ëÀÀÇÏ°Ô Çϴµ¥, ÀÌ·¸°Ô À̺¥Æ®¿Í ó¸®ÇÔ¼ö¸¦ ¹¾îÁÖ´Â
°ÍÀ» À̺¥Æ® Çڵ鷯(Event Handler)¶ó°í ºÎ¸¥´Ù.
´ÙÀ½Àº À̺¥Æ®ÀÇ Á¾·ù¿Í ±×¿¡ ´ëÇÑ ¼³¸íÀÌ´Ù.
À̺¥Æ®¸í | ¹ß»ý´ë»ó | ¼³ ¸í |
Abort | image | À̹ÌÁö¸¦ ·ÎµùÇÏ´Ù°¡ ¸ØÃß¾úÀ» ¶§
|
Blur | window, form element | ÀÔ·Â Æ÷Ä¿½º°¡ À̵¿ÇÒ ¶§
|
Change | text, textarea, select | ³»¿ëÀÌ º¯°æµÇ¾úÀ» ¶§
|
Click | button, radio, checkbox, submit, reset | ¸¶¿ì½º°¡ ´·ÈÀ» ¶§
|
DblClick | button, radio, checkbox, submit, reset | ¸¶¿ì½º°¡ µÎ¹ø´·ÈÀ» ¶§
|
DragDrop | window | ¸¶¿ì½º¸¦ ´©¸¥ »óÅ·Π¿òÁ÷¿´À» ¶§
|
Error | image, window | ¹®¼³ª À̹ÌÁö¸¦ ·ÎµùÇÏ´Ù ¸ØÃèÀ» ¶§
|
Focus | window, form element | ÀÔ·Â Æ÷Ä¿½º¸¦ ¹Þ¾ÒÀ» ¶§
|
KeyDown | document, image, link, text | Űº¸µå·Î °ªÀ» ÀÔ·ÂÇßÀ» ¶§
|
KeyPress | document, image, link, text | Űº¸µå°¡ ´·ÈÀ» ¶§
|
KeyUp | document, image, link, text | Űº¸µå°¡ ´·È´Ù ³õ¾ÒÀ» ¶§
|
Load | document | ¹®¼¸¦ ·ÎµùÀ» ¿Ï·áÇßÀ» ¶§
|
MouseDown | document, button, link | ¸¶¿ì½º°¡ ´·ÈÀ» ¶§
|
MouseMove | all | ¸¶¿ì½º°¡ ¿òÁ÷ÀÏ ¶§
|
MouseOut | image map, link | ¸¶¿ì½º°¡ ºüÁ®³ª°¥ ¶§
|
MouseOver | link | ¸¶¿ì½º Æ÷ÀÎÅͰ¡ ¿Ã¶ó¿ÔÀ» ¶§
|
MouseUp | document, button, link | ¸¶¿ì½º¸¦ ´·¶´Ù ³õ¾ÒÀ» ¶§
|
Move | window | ºê¶ó¿ìÀú¸¦ À̵¿½Ãų ¶§
|
Reset | form | form ÅÂ±× Áß reset¹öưÀ» ´·¶À» ¶§
|
Resize | window | ºê¶ó¿ìÀúÀÇ »çÀÌÁ º¯°æÇÒ ¶§
|
Select | text, textarea | ÀÔ·ÂâÀ» ¼±ÅÃÇßÀ» ¶§
|
Submit | form | form°ªÀ» Àü¼ÛÇÒ ¶§
|
Unload | document | ºê¶ó¿ìÀú°¡ ÇöÀç ¹®¼¿¡¼ ºüÁ®³ª°¥ ¶§
|
À§ÀÇ À̺¥Æ®´Â ¾Õ¿¡¼ ¸»ÇÑ ´ë·Î »ç¿ëÀÚ°¡ ¹ß»ýÀ» ½ÃŲ´Ù. ±×·³ ±× À̺¥Æ®¿¡ ÇØ´çÇÏ´Â
ÇÔ¼ö¸¦ ¾î¶»°Ô ´ëÀÀ½Ã۴°¡ ¹è¿ö¾ß ÇϰڴÙ. Áï, À̺¥Æ® Çڵ鷯¸¦ »ç¿ëÇÏ´Â ¹æ¹ýºÎÅÍ ¾Ë¾Æº¸ÀÚ.ÀϹÝÀûÀ¸·Î
À̺¥Æ® Çڵ鷯´Â À̺¥Æ®¸í ¾Õ¿¡ ´Ü¼øÈ÷ 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)
|