Event handler ´Ù·ç±â Go to UP


Event Handler´Â Object¾È¿¡¼­ ¼±¾ð µÇÁö¸¸, ÆäÀÌÁö Ãâ·Â ÈÄ¿¡µµ ÁöÁ¤ÇÒ ¼ö ÀÖ½À´Ï´Ù. Object°¡ ¿ÏÀüÈ÷ Ãâ·ÂÀÌ µÇ¸é ObjectÀÇ property³ª À̺¥Æ® Çîµé·¯¸¦ ÆäÀÌÁöÀÇ ¾î¶² Object¿¡¼­µµ Ãß°¡, ¼öÁ¤À» ÇÒ ¼ö ÀÖ½À´Ï´Ù.. function eventTest() { eval( 'alert("¸µÅ©ÀÇ ÁÖ¼Ò´Â ' + this.href + ' ÀÔ´Ï´Ù.")' ); } function blank() {} <a href="javascript:blank()"><img name="IMG" src="../images/bb1.jpg" border=0></a> <a href="Javascript:blank()" onClick="document.links[1].onmouseover=eventTest;"> À̹ÌÁö¿¡ mouse Over À̺¥Æ® Çîµé·¯ ¼³Á¤Çϱâ</a>

À̹ÌÁö¿¡ mouse Over À̺¥Æ® Çîµé·¯ ¼³Á¤Çϱâ

À̹ÌÁö À§¿¡ ¸¶¿ì½º¸¦ ¿Ã·Áµµ alertâÀÌ ¾È ³ª¿É´Ï´Ù. ¹ØÀÇ ¸µÅ©¸¦ ´©¸£¸é ÀÌ ÆäÀÌÁöÀÇ µÎ¹øÂ° ¸µÅ©¿¡ onMouseOver À̺¥Æ® eventTest()¸¦ ¼³Á¤ ÇÕ´Ï´Ù. ÀÌÁ¦ µÎ ¹øÂ° ¸µÅ©ÀÎ À̹ÌÁö À§¿¡ ¸¶¿ì½º¸¦ ¿Ã¸®¸é Alert âÀÌ ³ª¿É´Ï´Ù.

À̺¥Æ® Çîµé·¯¿¡ functionÀ» ÂüÁ¶ ½Ãų¶§´Â À̺¥Æ® Çîµé·¯ = functionName; ·Î ½á¾ßÇÕ´Ï´Ù. ()°¡ ¾ø½À´Ï´Ù. ()°¡ ÀÖÀ¸¸é ÁöÁ¤À» Çϰí, ¹Ù·Î ½ÇÇàÀ» ÇÏ´Â °Ì´Ï´Ù. Áï, ±× functionÀ» È£ÃâÇϰí(Á¦¾î¸¦ ³Ñ±â°í) °ªÀ» ¹Ýȯ ÇÕ´Ï´Ù.

* NN3, IE4¿¡¼­ Event°¡ functionÀ» ÂüÁ¶ ½Ãų¶§´Â ¹Ýµå½Ã ¼Ò¹®ÀÚ(onmouseover)·Î ½á¾ßÇÕ´Ï´Ù.   NN4´Â ÀÌ °æ¿ì ´ë¼Ò¹®ÀÚ°¡ »ó°ü ¾ø½À´Ï´Ù.
* document.link[1]´Â ÆäÀÌÁö¿¡¼­ µÎ¹øÂ° ¸µÅ© bb1.jpgÀÇ ¸µÅ©¸¦ °¡¸®Åµ´Ï´Ù.

Event handler ¿¡¼­ Return ¾²±â
ÆûÀÇ onFocus, onBlur
Event handler ´Ù·ç±â
Event ±âŸ
¿¹Á¦1
JavaScript1.2 Event

TOP