µå·¡±×µå·Ó ÀÛ¾÷ Áß ¸¶¿ì½º´ÜÃ߸¦ ³õ¾ÒÀ» ¶§ ¸ñÇ¥ °³Ã¼¿¡ ¹ß»ýÇÑ´Ù.


À̺¥Æ® ¼Ó¼º
object.ondrop=handler JScript ¸¸-
object.ondrop=GetRef('handler') VBScript 5.0-
ÀζóÀÎ HTML <ELEMENT ondrop="handler"> ¸ðµç Ç÷§Æ®Æû
¸í¸íµÈ ½ºÅ©¸³Æ® <SCRIPT for=object event=ondrop> Explorer-
À̺¥Æ® Ư¼º
Bubbles ÀÖ½¿
Ãë¼Ò °¡´É
¹ß»ý ¿øÀÎ ¼±ÅÃµÈ µå·¡±×¸¦ À¯È¿ÇÑ ¸ñÇ¥¿¡¼­ ¿ÞÂÊ ¸¶¿ì½º´ÜÃ߸¦ ³õ¾ÒÀ» ¶§.
µðÆúÆ® ÀÛ¿ë ¿¬°üµÈ À̺¥Æ®Ã³¸®ÀÚ¸¦ È£ÃâÇÑ´Ù.
HTML ±Ô°Ý ºñ±Ô°Ý IE È®Àå.

DHTML °³Ã¼ ¸ðµ¨¿¡¼­ À̺¥Æ®Ã³¸®ÀÚ´Â ÆĶó¸ÞÅ͵éÀ» Á÷Á¢ ¹ÞÁö´Â ¸øÇصµ, event°³Ã¼ÀÇ Äõ¸®¸¦ »ç¿ëÇÒ ¼ö ÀÖ´Ù.

altKey ALT Å°°¡ ´­·È´Â°¡¸¦ ¹ÝȯÇϰųª ¼³Á¤ÇÑ´Ù.
altLeft ¿ÞÂÊ ALT Å°°¡ ´­·È´Â°¡¸¦ ¹ÝȯÇϰųª ¼³Á¤ÇÑ´Ù.
cancelBubble ÇöÀç À̺¥Æ®°¡ À̺¥Æ®Ã³¸®ÀÚµéÀÇ °èÅëµµ¿¡¼­ ¹öºí¾÷(bubble up)ÇÏ¿©¾ß Çϴ°¡¸¦ ¹ÝȯÇϰųª ¼³Á¤ÇÑ´Ù.
clientX À©µµ¿ì Àå½Ä°ú ½ºÅ©·Ñ¹Ù¸¦ Á¦¿ÜÇÑ »ç¿ëÀÚ Áö¿ª¿¡ »ó´ëÀû ¸¶¿ì½ºÆ÷ÀÎÅÍ ¼öÆò ÁÂÇ¥¸¦ ¹ÝȯÇϰųª ¼³Á¤ÇÑ´Ù.
clientY À©µµ¿ì Àå½Ä°ú ½ºÅ©·Ñ¹Ù¸¦ Á¦¿ÜÇÑ »ç¿ëÀÚ Áö¿ª¿¡ »ó´ëÀû ¸¶¿ì½ºÆ÷ÀÎÅÍ ¼öÁ÷ ÁÂÇ¥¸¦ ¹ÝȯÇϰųª ¼³Á¤ÇÑ´Ù.
ctrlKey CTRL Å°°¡ ´­·È´Â°¡¸¦ ¹ÝȯÇϰųª ¼³Á¤ÇÑ´Ù.
ctrlLeft ¿ÞÂÊ CTRL Å°°¡ ´­·È´Â°¡¸¦ ¹ÝȯÇϰųª ¼³Á¤ÇÑ´Ù.
dataTransfer ²ø¾î ³õ±â(drag-and-drop) ÀÛ¾÷µéÀ» À§ÇØ »çÀü¿¡ Á¤ÀÇµÈ Å¬¸³º¸µå ¾ç½ÄµéÀ» Á¦°øÇÑ´Ù.
offsetX À̺¥Æ®°¡ ¹ß»ýµÈ °³Ã¼¿¡ ¸¶¿ì½ºÆ÷ÀÎÅÍÀÇ »ó´ëÀûÀÎ À§Ä¡(¿ÀÇÁ¼¼Æ®) ¼öÆò ÁÂÇ¥¸¦ ¹ÝȯÇϰųª ¼³Á¤ÇÑ´Ù.
offsetY À̺¥Æ®°¡ ¹ß»ýµÈ °³Ã¼¿¡ ¸¶¿ì½ºÆ÷ÀÎÅÍÀÇ »ó´ëÀûÀÎ À§Ä¡(¿ÀÇÁ¼¼Æ®) ¼öÁ÷ ÁÂÇ¥¸¦ ¹ÝȯÇϰųª ¼³Á¤ÇÑ´Ù.
returnValue À̺¥Æ®·Î ºÎÅÍÀÇ ¹Ýȯ°ªÀ» ¹ÝȯÇϰųª ¼³Á¤ÇÑ´Ù.
screenX »ç¿ëÀÚ ½ºÅ©¸°¿¡ »ó´ëÀûÀÎ ¸¶¿ì½ºÆ÷ÀÎÅÍÀÇ ¼öÆò À§Ä¡¸¦ ¹ÝȯÇϰųª ¼³Á¤ÇÑ´Ù.
screenY »ç¿ëÀÚ ½ºÅ©¸°¿¡ »ó´ëÀûÀÎ ¸¶¿ì½ºÆ÷ÀÎÅÍÀÇ ¼öÁ÷ À§Ä¡¸¦ ¹ÝȯÇϰųª ¼³Á¤ÇÑ´Ù.
shiftLeft ¿ÞÂÊ SHIFT Å°°¡ ´­·È´Â°¡¸¦ ¹ÝȯÇϰųª ¼³Á¤ÇÑ´Ù.
srcElement À̺¥Æ®¸¦ ¹ß»ý½ÃŲ °³Ã¼¸¦ ¹ÝȯÇϰųª ¼³Á¤ÇÑ´Ù.
type À̺¥Æ® °³Ã¼ÀÇ À̺¥Æ® ¸íĪÀ» ¹ÝȯÇϰųª ¼³Á¤ÇÑ´Ù.
x »ó´ëÀûÀ¸·Î À§Ä¡ÇÑ ¸ðü °³Ã¼¿¡ »ó´ëÀûÀÎ À§Ä¡ ¼öÆò ÁÂÇ¥¸¦ ¹ÝȯÇϰųª ¼³Á¤ÇÑ´Ù.
y »ó´ëÀûÀ¸·Î À§Ä¡ÇÑ ¸ðü °³Ã¼¿¡ »ó´ëÀûÀÎ À§Ä¡ ¼öÁ÷ ÁÂÇ¥¸¦ ¹ÝȯÇϰųª ¼³Á¤ÇÑ´Ù.

Ư±â

ondrop À̺¥Æ®´Â ondragleave¿Í ondragend À̺¥Æ®µé Àü¿¡ ¹ß»ýµÈ´Ù.

ÀÛ¿ëÇÏ´Â ½ºÅ©¸³Æ®¸¦ ÀÛ¼ºÇرâ À§ÇØ µðÆúÆ® ÀÛ¿ëÀ» ÁßÁö½ÃÅ°±â À§Çؼ­´Â returnValue ¼Ó¼ºÀ» »ç¿ëÇÑ´Ù.

IE5¿¡¼­ input type=text ¿¤·¹¸àÆ®¿¡¼­»Ó¾Æ´Ï¶ó ºí·°¸ðµå³ª ¶óÀθðµåÀÇ Å±׿¡¼­µµ µå·¡±×µå·Ó(drag-and-drop) À̺¥Æ®µéÀº »ç¿ëµÉ ¼ö ÀÖ´Ù. ¿¹¸¦ µé¾î ÅؽºÆ®¸¦ ¼±ÅÃÇÏ¿© div ¸ñÇ¥¿¡ ²ø¾î ³õÀ» ¼ö ÀÖ´Ù. ±× °á°ú ondragenter, ondragover, ondropµî ¿©·¯°¡ÁöÀÇ À̺¥Æ®µéÀÌ ¹ß»ýµÈ´Ù. µå·¡±×µå·Ó ÀÛ¾÷Àº ºí·°¸ðµå³ª ¶óÀθðµå ű׿¡¼­ Á÷Á¢ Áö¿øµÇÁö ¾ÊÀ¸¹Ç·Î, ¸ñÇ¥¿¡ À̵¿Çϰųª º¹»çÇÒ ¶§ innerText ¼Ó¼ºµîÀ» »ç¿ëÇÏ¿© Ãß°¡ÀûÀÎ Äڵ带 ÀÛ¼ºÇØ ÁÖ¾î¾ß ÇÑ´Ù.

ondrop À̺¥Æ®¸¦ ¹ß»ý½ÃÅ°±â À§ÇÏ¿© ondragenter¿Í ondragover À̺¥Æ®µéÀÇ µðÆúÆ® ÀÛ¿ëÀ» ÁßÁö½ÃÄÑ¾ß ÇÑ´Ù. divÀÇ °æ¿ì¿¡´Â µðÆúÆ® ÀÛµ¿ÀÌ µå·Ó(drop)ÀÌ ¾Æ´Ñ ¹Ý¸é, input type=text ¿¤·¹¸àÆ®´Â µðÆúÆ® ÀÛµ¿ÀÌ µå·ÓÀÌ´Ù. div¿¡ µå·ÓÇϱâ À§Çؼ­´Â ondragenter°ú ondragover À̺¥Æ®Ã³¸®ÀÚµéÀÇ window.event.returnValue=false¸¦ »ç¿ëÇÏ¿© µðÆúÆ® ÀÛµ¿À» ÁßÁö½ÃÄÑ¾ß ÇÑ´Ù. ±×·¯¸é ondrop¸¸ ¹ß»ýÇÏ°Ô µÈ´Ù.

Àû¿ë
°³Ã¼scriptHTMLIE