²ø¾î³õ±â(drag-drop) ÀÛ¾÷ÀÇ Å¸ÀÔ°ú µð½ºÇ÷¹À̵Ǵ Ŀ¼­ÀÇ Å¸ÀÔÀ» ¹ÝȯÇϰųª ¼³Á¤ÇÑ´Ù.

Àμö
: (¼Ó¼º ¹®ÀÚ¿­)

¼Ó¼º°ªÀº ²ø¾î³õ±â(drag-drop) ÀÛ¾÷ÀÇ Å¸ÀÔ°ú µð½ºÇ÷¹À̵Ǵ Ŀ¼­ÀÇ Å¸ÀÔÀ» ³ªÅ¸³»´Â ¹®ÀÚ¿­ÀÌ´Ù.

copy º¹»ç Ä¿¼­°¡ µð½ºÇ÷¹À̵ȴÙ.
link ¿¬°á Ä¿¼­°¡ µð½ºÇ÷¹À̵ȴÙ.
move À̵¿ Ä¿¼­°¡ µð½ºÇ÷¹À̵ȴÙ.
none µðÆúÆ®À̸ç, Ä¿¼­°¡ µð½ºÇ÷¹ÀÌ µÇÁö ¾Ê°í no-drop Ä¿¼­°¡ µð½ºÇ÷¹À̵ȴÙ.

ÀÌ ¼Ó¼ºÀº Àбâ/¾²±â·Î µðÆúÆ®°ªÀº noneÀÌ´Ù.

Ư±â

dropEffect°¡ ÀÛµ¿µÇ±â À§Çؼ­´Â effectAllowed ¼Ó¼ºÀ» »ç¿ëÇÏ¿©¾ß ÇÑ´Ù. ÀÌ ¼Ó¼ºµéÀº ²ø¾î³õ±â¸¦ À§ÇÏ¿© µ¥ÀÌÅÍ ¿øº» °³Ã¼¿¡ ¼³Á¤ÇÑ´Ù.
effectAllowed ¼Ó¼ºÀº ¿øº»¿¡¼­ ¾î´À Á¾·ùÀÇ ÀÛ¾÷ÀÌ °¡´ÉÇÑ°¡¸¦ °áÁ¤ÇÑ´Ù.
dropEffect ¼Ó¼ºÀº ¸ñÇ¥¿¡ ¾î´À Á¾·ùÀÇ ÀÛ¾÷ÀÌ Çã¿ëµÇ´Â°¡¸¦ °áÁ¤ÇÑ´Ù.
¿¹µéµé¾î ¿øº»¿¡¼­ effectAllowed ¼Ó¼ºÀ» all·Î ¼³Á¤ÇÏ°í ¸ñÇ¥¿¡¼­ copy dropEffect¸¸ Çã¿ëÇÏ¸é µÈ´Ù.

¸ñÇ¥ °³Ã¼ÀÇ ondragenter, ondragover, ondropµî À̺¥Æ®Ã³¸®ÀÚ ±â´ÉÀ» ÀÌ¿ëÇÏ¿© dropEffect¸¦ ¼³Á¤ÇÏ´Â °ÍÀÌ Æí¸®ÇÏ´Ù. effectAllowed ¼Ó¼ºÀº ondragstartµî ¿øº»°³Ã¼ÀÇ ²ø¾î³õ±â¿¡ °ü·ÃµÈ ÃÖ¼ÒÈù Èù°³ÀÇ À̺¥Æ®Ã³¸®ÀÚ¿¡ ¼³Á¤ÇÏ¿©¾ßÇÑ´Ù.

¸ñÇ¥°³Ã¼ÀÇ dropEffect ¼Ó¼ºÀº ondragenter, ondragover, ondrop À̺¥Æ®¿¡ ¼³Á¤ÇÏ°Ô ÇÒ ¼ö ÀÖ´Ù. ÃÖÁ¾ ³õ±â ÀÛ¾÷ÀÌ ¿Ï·áµÉ ¶§±îÁö Ä¿¼­¸¦ º¸ÀÌ°Ô Çϱâ À§ÇÏ¿© ondragenter, ondragover, ondrop À̺¥Æ®ÀÇ µðÆúÆ® ¾×¼ÇÀ» Ãë¼ÒÈ÷ÄÑ Áà¾ßÇÏ°í dropEffect¸¦ ¼³Á¤ÇØ Áà¾ß ÇÑ´Ù. ±×·¸Áö ¾ÊÀ¸¸é º¹»çÄ¿¼­, À̵¿Ä¿¼­³ª ¿¬°áÄ¿¼­´Â ¸ñÇ¥ °³Ã¼¿¡ óÀ½ µé¾î°¥ ¶§±îÁö¸¸ º¸ÀÌ°í ±× ÈÄ¿¡´Â º¸ÀÌÁö ¾Ê°ÔµÇ±â ¶§¹®ÀÌ´Ù.

Explorer¿¡¼­´Â ²ø¾î³õ±â µðÆúÆ® ±â´ÉÀ» a, img, textArea, input type=text °³Ã¼¿¡¼­ Áö¿øÇÑ´Ù. ÀÌ Áß ÇϳªÀÌ»óÀÌ ¿øº» ¿¤·¹¸àÆ®¿¡ ÀÖÀ¸¸é, µðÆúÆ® ²ø¾î³õ±â È¿°ú´Â ¸ñÇ¥°³Ã¼ÀÇ dropEffect ¼Ó¼º ¼³Á¤À¸·Î µ¤¾î¾º¿ï ¼ö ¾ø´Ù. ±×·¡¼­ ¿øº» µðÆúÆ® ¾×¼ÇÀ» Ãë¼ÒÇÏ¿©¾ß °¡´ÉÇÏ´Ù.

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