ÆíÁýÇÒ ¼ö ÀÖ´Â °³Ã¼ÀÇ À̵¿ÀÌ ÁßÁöµÇ¾úÀ» ¶§ ¹ß»ýÇÑ´Ù.


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

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

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

Ư±â

ÀÌ onmoveend À̺¥Æ®´Â ÆíÁýÇÒ ¼ö ÀÖ´Â ¿¤·¹¸àÆ®°¡ À̵¿À» ÁßÁöÇÏ¿´À» ¶§¸¸ ¹ß»ýµÈ´Ù.

ÀÌ À̺¥Æ®´Â Àý´ëÀûÀ¸·Î À§Ä¡µÈ ¿¤·¹¸àÆ®¿¡¼­¸¸ °¡´ÉÇÏ´Ù.

Àû¿ë
°³Ã¼scriptHTMLIE


onmovestart, onmoveend À̺¥Æ® ¿¹Á¦

À̵¿ÇÒ ¼ö ÀÖ´Â °³Ã¼ div2

À̵¿ÇÒ ¼ö ÀÖ´Â °³Ã¼ pObj

Á¤º¸ Ç¥½Ãâ
ÁÂÇ¥ X =
ÁÂÇ¥ Y=

À̵¿ÇÒ ¼ö ÀÖ´Â °³Ã¼¸¦ ¸¶¿ì½º·Î Ŭ¸¯ÇÏ¿© ´©¸¥ »óÅ¿¡¼­ À̵¿½ÃÄÑ º¸¶ó.

<SCRIPT>
document.execCommand('2D-position',false,true);
function doMove(){
  show.innerHTML=event.srcElement.tagName+', '+event.srcElement.id+', '+event.type+' À̺¥Æ® ¹ß»ý<BR>';
  show.innerHTML+='contentEditable='+event.srcElement.contentEditable;
  showX.innerText=event.srcElement.offsetLeft;
  showY.innerText=event.srcElement.offsetTop;
}
</SCRIPT>
<BODY onmovestart="doMove()" onmoveend="doMove()">
<DIV id="div1" contenteditable="true" style="border:solid 1 green;width:300;height:100;background-color:lightgreen">
<DIV id="div2" style="width:300;height:100;position:absolute;background-color:pink;border:solid 1 red">À̵¿ÇÒ ¼ö ÀÖ´Â °³Ã¼ div2</DIV>
<P id="pObj" style="width:200;height:50;position:absolute;background-color:gold;border:solid 1 red">À̵¿ÇÒ ¼ö ÀÖ´Â °³Ã¼ pObj</P>
</DIV>
<DIV id=show style=height:2.5em>Á¤º¸ Ç¥½Ãâ</DIV>
ÁÂÇ¥ X =<SPAN id=showX></SPAN><BR>
ÁÂÇ¥ Y=<SPAN id=showY></SPAN>