»ç¿ëÀÚ°¡ µå·¡±×ÇÏ´Â °³Ã¼¸¦ À¯È¿ÇÑ ¸ñÇ¥ µå·Ó¿¡¼­ ³õÀ¸¸é ¸ñÇ¥ ¿¤·¹¸àÆ®¿¡ ¹ß»ýµÈ´Ù.


À̺¥Æ® ¼Ó¼º
object.ondragenter=handler JScript ¸¸-
object.ondragenter=GetRef('handler') VBScript 5.0-
ÀζóÀÎ HTML <ELEMENT ondragenter="handler"> ¸ðµç Ç÷§Æ®Æû
¸í¸íµÈ ½ºÅ©¸³Æ® <SCRIPT for=object event=ondragenter> 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 »ó´ëÀûÀ¸·Î À§Ä¡ÇÑ ¸ðü °³Ã¼¿¡ »ó´ëÀûÀÎ À§Ä¡ ¼öÁ÷ ÁÂÇ¥¸¦ ¹ÝȯÇϰųª ¼³Á¤ÇÑ´Ù.

Ư±â

ondragenter À̺¥Æ®¸¦ ¿øº» °³Ã¼³ª ¸ñÇ¥ °³Ã¼¿¡¼­ ´Ù·ê ¼ö ÀÖ´Ù. µå·¡±× ÀÛµ¿ Áß ¸ñÇ¥ À̺¥Æ®µé Áß¿¡¼­ Á¦ÀÏ ¸ÕÀú ¹ß»ýÇÑ´Ù. ¸ñÇ¥ À̺¥Æ®µéÀº getData ¸Þ¼­µå¸¦ »ç¿ëÇÏ¿© µ¥ÀÌÅÍ ÀÌÀü¿¡¼­ ¾îµð·ÎºÎÅÍ, ¾î¶² Çü½ÄÀ¸·Î ÀÌÀüµÇ´Â°¡¸¦ °áÁ¤ÇÑ´Ù.

µå·¡±×µå·Ó ÀÛµ¿ÀÇ ¼ø¼­¸¦ º¸¸é:

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

Àû¿ë
°³Ã¼scriptHTMLIE


ondragstart, ondrag, ondragend, ondragenter, ondragover, ondragleave À̺¥Æ® ¿¹Á¦

¿øº» :

¸ñÇ¥ :

¿øº»À» ¸ñÇ¥¿¡ µå·¡±× µå·ÓÇØ º¸¶ó.

<SCRIPT>
var newOption;
function showIt(){
  str=event.srcElement.id+' '+event.type+' À̺¥Æ® ¹ß»ý';
  newOption=new Option();
  newOption.text=str;
  selArr.add(newOption,selArr.length);
}
</SCRIPT>
<P>¿øº» : <INPUT id=orgObj value="¿øº» ÅؽºÆ®"
  ondragstart="showIt()" ondrag="showIt()" ondragend="showIt()" onfocus="this.select()">
<P>¸ñÇ¥ : <INPUT id=tgtObj value="¸ñÇ¥ Áö¿ª"
   ondragenter="showIt()" ondragover="showIt()" ondragleave="showIt()" ondrop="showIt()"><BR>
<SELECT id=selArr size=20 style=width:400><OPTION>À̺¥Æ® ¹ß»ý ¸ñ·Ï</SELECT>