이벤트 속성
개체를 이동하기 시작하면 발생된다.
이벤트 속성 |
object.onmovestart=handler | JScript 만- |
|---|---|---|
| object.onmovestart=GetRef('handler') | VBScript 5.0- | |
| 인라인 HTML | <ELEMENT onmovestart="handler"> | 모든 플랫트폼 |
| 명명된 스크립트 | <SCRIPT for=object event=onmovestart> | Explorer- |
| Bubbles | 있슴 |
|---|---|
| 취소 | 가능 |
| 발생 원인 | 편집할 수 있는 개체를 이동시키기 시작하면 발생. |
| 디폴트 작용 | 연관된 이벤트처리자가 있으면 호출한다. |
| HTML 규격 | 비규격 IE 확장. |
 event ⇒ | onmovestart 이벤트⇒ |  | ⇒ |   |    | |
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 | 상대적으로 위치한 모체 개체에 상대적인 위치 수직 좌표를 반환하거나 설정한다. |
이 onmovestart 이벤트는 편집할 수 있는 엘레멘트가 이동을 시작하였을 때만 발생된다.
이 이벤트는 절대적으로 위치된 엘레멘트에서만 가능하다.
| 개체 | script | HTML | IE |
|---|---|---|---|
| a | a.onmovestart=sCode | <A onmovestart=sCode> | IE5.5(win32,ce) |
| acronym | acronym.onmovestart=sCode | <ACRONYM onmovestart=sCode> | IE5.5(win32,ce) |
| address | address.onmovestart=sCode | <ADDRESS onmovestart=sCode> | IE5.5(win32,ce) |
| applet | applet.onmovestart=sCode | <APPLET onmovestart=sCode> | IE5.5(win32,ce) |
| area | area.onmovestart=sCode | <AREA onmovestart=sCode> | IE5.5(win32,ce) |
| b | b.onmovestart=sCode | <B onmovestart=sCode> | IE5.5(win32,ce) |
| bdo | bdo.onmovestart=sCode | <BDO onmovestart=sCode> | IE5.5(win32,ce) |
| big | big.onmovestart=sCode | <BIG onmovestart=sCode> | IE5.5(win32,ce) |
| blockQuote | blockQuote.onmovestart=sCode | <BLOCKQUOTE onmovestart=sCode> | IE5.5(win32,ce) |
| body | body.onmovestart=sCode | <BODY onmovestart=sCode> | IE5.5(win32,ce) |
| button | button.onmovestart=sCode | <BUTTON onmovestart=sCode> | IE5.5(win32,ce) |
| caption | caption.onmovestart=sCode | <CAPTION onmovestart=sCode> | IE5.5(win32,ce) |
| center | center.onmovestart=sCode | <CENTER onmovestart=sCode> | IE5.5(win32,ce) |
| cite | cite.onmovestart=sCode | <CITE onmovestart=sCode> | IE5.5(win32,ce) |
| custom | custom.onmovestart=sCode | <CUSTOM onmovestart=sCode> | IE5.5(win32,ce) |
| dd | dd.onmovestart=sCode | <DD onmovestart=sCode> | IE5.5(win32,ce) |
| dfn | dfn.onmovestart=sCode | <DFN onmovestart=sCode> | IE5.5(win32,ce) |
| dir | dir.onmovestart=sCode | <DIR onmovestart=sCode> | IE5.5(win32,ce) |
| div | div.onmovestart=sCode | <DIV onmovestart=sCode> | IE5.5(win32,ce) |
| dl | dl.onmovestart=sCode | <DL onmovestart=sCode> | IE5.5(win32,ce) |
| document | document.onmovestart=sCode | 없음 | IE5.5(win32,ce) |
| dt | dt.onmovestart=sCode | <DT onmovestart=sCode> | IE5.5(win32,ce) |
| em | em.onmovestart=sCode | <EM onmovestart=sCode> | IE5.5(win32,ce) |
| embed | embed.onmovestart=sCode | <EMBED onmovestart=sCode> | IE5.5(win32,ce) |
| fieldSet | fieldSet.onmovestart=sCode | <FIELDSET onmovestart=sCode> | IE5.5(win32,ce) |
| font | font.onmovestart=sCode | <FONT onmovestart=sCode> | IE5.5(win32,ce) |
| form | form.onmovestart=sCode | <FORM onmovestart=sCode> | IE5.5(win32,ce) |
| frame | frame.onmovestart=sCode | <FRAME onmovestart=sCode> | IE5.5(win32,ce) |
| frameSet | frameSet.onmovestart=sCode | <FRAMESET onmovestart=sCode> | IE5.5(win32,ce) |
| hn | hn.onmovestart=sCode | <hn onmovestart=sCode> | IE5.5(win32,ce) |
| hr | hr.onmovestart=sCode | <HR onmovestart=sCode> | IE5.5(win32,ce) |
| i | i.onmovestart=sCode | <I onmovestart=sCode> | IE5.5(win32,ce) |
| iFrame | iFrame.onmovestart=sCode | <IFRAME onmovestart=sCode> | IE5.5(win32,ce) |
| img | img.onmovestart=sCode | <IMG onmovestart=sCode> | IE5.5(win32,ce) |
| button | button.onmovestart=sCode | <INPUT type=button onmovestart=sCode> | IE5.5(win32,ce) |
| checkbox | checkbox.onmovestart=sCode | <INPUT type=checkbox onmovestart=sCode> | IE5.5(win32,ce) |
| FileUpload | FileUpload.onmovestart=sCode | <INPUT type=file onmovestart=sCode> | IE5.5(win32,ce) |
| hidden | hidden.onmovestart=sCode | <INPUT type=hidden onmovestart=sCode> | IE5.5(win32,ce) |
| image | image.onmovestart=sCode | <INPUT type=image onmovestart=sCode> | IE5.5(win32,ce) |
| password | password.onmovestart=sCode | <INPUT type=password onmovestart=sCode> | IE5.5(win32,ce) |
| radio | radio.onmovestart=sCode | <INPUT type=radio onmovestart=sCode> | IE5.5(win32,ce) |
| reset | reset.onmovestart=sCode | <INPUT type=reset onmovestart=sCode> | IE5.5(win32,ce) |
| submit | submit.onmovestart=sCode | <INPUT type=submit onmovestart=sCode> | IE5.5(win32,ce) |
| text | text.onmovestart=sCode | <INPUT type=text onmovestart=sCode> | IE5.5(win32,ce) |
| ins | ins.onmovestart=sCode | <INS onmovestart=sCode> | IE5.5(win32,ce) |
| isIndex | isIndex.onmovestart=sCode | <ISINDEX onmovestart=sCode> | IE5.5(win32,ce) |
| kbd | kbd.onmovestart=sCode | <KBD onmovestart=sCode> | IE5.5(win32,ce) |
| label | label.onmovestart=sCode | <LABEL onmovestart=sCode> | IE5.5(win32,ce) |
| legend | legend.onmovestart=sCode | <LEGEND onmovestart=sCode> | IE5.5(win32,ce) |
| li | li.onmovestart=sCode | <LI onmovestart=sCode> | IE5.5(win32,ce) |
| listing | listing.onmovestart=sCode | <LISTING onmovestart=sCode> | IE5.5(win32,ce) |
| marquee | marquee.onmovestart=sCode | <MARQUEE onmovestart=sCode> | IE5.5(win32,ce) |
| menu | menu.onmovestart=sCode | <MENU onmovestart=sCode> | IE5.5(win32,ce) |
| Object | Object.onmovestart=sCode | <OBJECT onmovestart=sCode> | IE5.5(win32,ce) |
| ol | ol.onmovestart=sCode | <OL onmovestart=sCode> | IE5.5(win32,ce) |
| p | p.onmovestart=sCode | <P onmovestart=sCode> | IE5.5(win32,ce) |
| plainText | plainText.onmovestart=sCode | 없음 | IE5.5(win32,ce) |
| pre | pre.onmovestart=sCode | <PRE onmovestart=sCode> | IE5.5(win32,ce) |
| q | q.onmovestart=sCode | <Q onmovestart=sCode> | IE5.5(win32,ce) |
| rt | rt.onmovestart=sCode | <RT onmovestart=sCode> | IE5.5(win32,ce) |
| ruby | ruby.onmovestart=sCode | <RUBY onmovestart=sCode> | IE5.5(win32,ce) |
| s | s.onmovestart=sCode | <S onmovestart=sCode> | IE5.5(win32,ce) |
| samp | samp.onmovestart=sCode | <SAMP onmovestart=sCode> | IE5.5(win32,ce) |
| select | select.onmovestart=sCode | <SELECT onmovestart=sCode> | IE5.5(win32,ce) |
| small | small.onmovestart=sCode | <SMALL onmovestart=sCode> | IE5.5(win32,ce) |
| span | span.onmovestart=sCode | <SPAN onmovestart=sCode> | IE5.5(win32,ce) |
| strike | strike.onmovestart=sCode | <STRIKE onmovestart=sCode> | IE5.5(win32,ce) |
| strong | strong.onmovestart=sCode | <STRONG onmovestart=sCode> | IE5.5(win32,ce) |
| sub | sub.onmovestart=sCode | <SUB onmovestart=sCode> | IE5.5(win32,ce) |
| sup | sup.onmovestart=sCode | <SUP onmovestart=sCode> | IE5.5(win32,ce) |
| table | table.onmovestart=sCode | <TABLE onmovestart=sCode> | IE5.5(win32,ce) |
| tBody | tBody.onmovestart=sCode | <TBODY onmovestart=sCode> | IE5.5(win32,ce) |
| td | td.onmovestart=sCode | <TD onmovestart=sCode> | IE5.5(win32,ce) |
| textArea | textArea.onmovestart=sCode | <TEXTAREA onmovestart=sCode> | IE5.5(win32,ce) |
| tFoot | tFoot.onmovestart=sCode | <TFOOT onmovestart=sCode> | IE5.5(win32,ce) |
| th | th.onmovestart=sCode | <TH onmovestart=sCode> | IE5.5(win32,ce) |
| tHead | tHead.onmovestart=sCode | <THEAD onmovestart=sCode> | IE5.5(win32,ce) |
| tr | tr.onmovestart=sCode | <TR onmovestart=sCode> | IE5.5(win32,ce) |
| tt | tt.onmovestart=sCode | <TT onmovestart=sCode> | IE5.5(win32,ce) |
| u | u.onmovestart=sCode | <U onmovestart=sCode> | IE5.5(win32,ce) |
| ul | ul.onmovestart=sCode | <UL onmovestart=sCode> | IE5.5(win32,ce) |
| var | var.onmovestart=sCode | <VAR onmovestart=sCode> | IE5.5(win32,ce) |
| window | window.onmovestart=sCode | 없음 | IE5.5(win32,ce) |
| xmp | xmp.onmovestart=sCode | <XMP onmovestart=sCode> | IE5.5(win32,ce) |
| 참조 | onmove 이벤트 | onmovestart 이벤트 | onmoveend 이벤트 | NS ondragdrop 이벤트 | NS onresize 이벤트 |
| event ⇒ | onmovestart 이벤트⇒ | | ⇒ | | | |
이동할 수 있는 개체 pObj
이동할 수 있는 개체를 마우스로 클릭하여 누른 상태에서 이동시켜 보라.
<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>
| event ⇒ | onmovestart 이벤트⇒ | | ⇒ | | | |
| event ⇒ | onmovestart 이벤트 | ⇒ | | | |
| 최종 수정: 04/06/2025 21:50:30 |  All right reserved | 비정상적인 방식으로 프레임없이 페이지에 접속하면 자주 오류가 발생됩니다. 오류가 나면 정상적 접속으로 시도해 보세요. | http://koxo.com/lang/js/event/onmovestart.html |