이벤트 속성
사용자가 개체 위를 마우스로 눌렀을 때 발생된다.
이벤트 속성 |
object.onmousedown=handler | JScript 만- |
|---|---|---|
| object.onmousedown=GetRef('handler') | VBScript 5.0- | |
| 인라인 HTML | <ELEMENT onmousedown="handler"> | 모든 플랫트폼 |
| 명명된 스크립트 | <SCRIPT for=object event=onmousedown> | Explorer- |
| Bubbles | 있슴 |
|---|---|
| 취소 | 가능 |
| 발생 원인 | 마우스 단추를 눌렀을 때(왼쪽이나 오른쪽 마우스). |
| 디폴트 작용 | 클릭된 개체와 이벤트에 연관된 작용을 시작한다. |
| HTML 규격 | HTML 4.0 규격 |
 event ⇒ | onmousedown 이벤트⇒ |  | ⇒ |    |    | |
DHTML 개체 모델에서 이벤트처리자는 파라메터들을 직접 받지는 못해도, event개체의 쿼리를 사용할 수 있다.
| altKey | ALT 키가 눌렸는가를 반환하거나 설정한다. |
| altLeft | 왼쪽 ALT 키가 눌렸는가를 반환하거나 설정한다. |
| button | 사용자에 의하여 눌려진 마우스 단추를 반환하거나 설정한다. |
| cancelBubble | 현재 이벤트가 이벤트처리자들의 계통도에서 버블업(bubble up)하여야 하는가를 반환하거나 설정한다. |
| clientX | 윈도우 장식과 스크롤바를 제외한 사용자 지역에 상대적 마우스포인터 수평 좌표를 반환하거나 설정한다. |
| clientY | 윈도우 장식과 스크롤바를 제외한 사용자 지역에 상대적 마우스포인터 수직 좌표를 반환하거나 설정한다. |
| ctrlKey | CTRL 키가 눌렸는가를 반환하거나 설정한다. |
| ctrlLeft | 왼쪽 CTRL 키가 눌렸는가를 반환하거나 설정한다. |
| offsetX | 이벤트가 발생된 개체에 마우스포인터의 상대적인 위치(오프세트) 수평 좌표를 반환하거나 설정한다. |
| offsetY | 이벤트가 발생된 개체에 마우스포인터의 상대적인 위치(오프세트) 수직 좌표를 반환하거나 설정한다. |
| returnValue | 이벤트로 부터의 반환값을 반환하거나 설정한다. |
| screenX | 사용자 스크린에 상대적인 마우스포인터의 수평 위치를 반환하거나 설정한다. |
| screenY | 사용자 스크린에 상대적인 마우스포인터의 수직 위치를 반환하거나 설정한다. |
| shiftKey | SHIFT 키가 눌렸는가를 반환하거나 설정한다. |
| shiftLeft | 왼쪽 SHIFT 키가 눌렸는가를 반환하거나 설정한다. |
| srcElement | 이벤트를 발생시킨 개체를 반환하거나 설정한다. |
| type | 이벤트 개체의 이벤트 명칭을 반환하거나 설정한다. |
| x | 상대적으로 위치한 모체 개체에 상대적인 위치 수평 좌표를 반환하거나 설정한다. |
| y | 상대적으로 위치한 모체 개체에 상대적인 위치 수직 좌표를 반환하거나 설정한다. |
onclick 이벤트에서와 거의 같은데 onmousedown 이벤트는 마우스를 누르고 있는 동안 발생되고, onclick 이벤트는 눌럿던 상태에서 마우스를 놓으면 발생되는 것만 다르다.
클릭된 마우스의 내용을 알기 위해서는 button 속성을 사용한다.
| 개체 | script | HTML | IE |
|---|---|---|---|
| a | a.onmousedown=sCode | <A onmousedown=sCode> | IE4.0(win16,win32,ce,unix,mac) |
| address | address.onmousedown=sCode | <ADDRESS onmousedown=sCode> | IE4.0(win16,win32,ce,unix,mac) |
| applet | applet.onmousedown=sCode | <APPLET onmousedown=sCode> | IE4.0(win16,win32,ce,unix,mac) |
| area | area.onmousedown=sCode | <AREA onmousedown=sCode> | IE4.0(win16,win32,ce,unix,mac) |
| b | b.onmousedown=sCode | <B onmousedown=sCode> | IE4.0(win16,win32,ce,unix,mac) |
| bdo | bdo.onmousedown=sCode | <BDO onmousedown=sCode> | IE5(win16,win32,unix,mac) |
| big | big.onmousedown=sCode | <BIG onmousedown=sCode> | IE4.0(win16,win32,ce,unix,mac) |
| blockQuote | blockQuote.onmousedown=sCode | <BLOCKQUOTE onmousedown=sCode> | IE4.0(win16,win32,ce,unix,mac) |
| body | body.onmousedown=sCode | <BODY onmousedown=sCode> | IE4.0(win16,win32,ce,unix,mac) |
| button | button.onmousedown=sCode | <BUTTON onmousedown=sCode> | IE4.0(win16,win32,ce,unix,mac) |
| caption | caption.onmousedown=sCode | <CAPTION onmousedown=sCode> | IE4.0(win16,win32,ce,unix,mac) |
| center | center.onmousedown=sCode | <CENTER onmousedown=sCode> | IE4.0(win16,win32,ce,unix,mac) |
| cite | cite.onmousedown=sCode | <CITE onmousedown=sCode> | IE4.0(win16,win32,ce,unix,mac) |
| code | code.onmousedown=sCode | <CODE onmousedown=sCode> | IE4.0(win16,win32,ce,unix,mac) |
| custom | custom.onmousedown=sCode | <CUSTOM onmousedown=sCode> | IE5(win32,unix) |
| dd | dd.onmousedown=sCode | <DD onmousedown=sCode> | IE4.0(win16,win32,ce,unix,mac) |
| dfn | dfn.onmousedown=sCode | <DFN onmousedown=sCode> | IE4.0(win16,win32,ce,unix,mac) |
| dir | dir.onmousedown=sCode | <DIR onmousedown=sCode> | IE4.0(win16,win32,ce,unix,mac) |
| div | div.onmousedown=sCode | <DIV onmousedown=sCode> | IE4.0(win16,win32,ce,unix,mac) |
| dl | dl.onmousedown=sCode | <DL onmousedown=sCode> | IE4.0(win16,win32,ce,unix,mac) |
| document | document.onmousedown=sCode | 없음 | IE4.0(win16,win32,ce,unix,mac) |
| dt | dt.onmousedown=sCode | <DT onmousedown=sCode> | IE4.0(win16,win32,ce,unix,mac) |
| em | em.onmousedown=sCode | <EM onmousedown=sCode> | IE4.0(win16,win32,ce,unix,mac) |
| embed | embed.onmousedown=sCode | <EMBED onmousedown=sCode> | IE4.0(win16,win32,ce,unix,mac) |
| fieldSet | fieldSet.onmousedown=sCode | <FIELDSET onmousedown=sCode> | IE4.0(win16,win32,ce,unix,mac) |
| font | font.onmousedown=sCode | <FONT onmousedown=sCode> | IE4.0(win16,win32,ce,unix,mac) |
| form | form.onmousedown=sCode | <FORM onmousedown=sCode> | IE4.0(win16,win32,ce,unix,mac) |
| hn | hn.onmousedown=sCode | <hn onmousedown=sCode> | IE4.0(win16,win32,ce,unix,mac) |
| hr | hr.onmousedown=sCode | <HR onmousedown=sCode> | IE4.0(win16,win32,ce,unix,mac) |
| i | i.onmousedown=sCode | <I onmousedown=sCode> | IE4.0(win16,win32,ce,unix,mac) |
| img | img.onmousedown=sCode | <IMG onmousedown=sCode> | IE4.0(win16,win32,ce,unix,mac) |
| button | button.onmousedown=sCode | <INPUT type=button onmousedown=sCode> | IE4.0(win16,win32,ce,unix,mac) |
| checkbox | checkbox.onmousedown=sCode | <INPUT type=checkbox onmousedown=sCode> | IE4.0(win16,win32,ce,unix,mac) |
| FileUpload | FileUpload.onmousedown=sCode | <INPUT type=file onmousedown=sCode> | IE4.0(win16,win32,ce,unix,mac) |
| image | image.onmousedown=sCode | <INPUT type=image onmousedown=sCode> | IE4.0(win16,win32,ce,unix,mac) |
| password | password.onmousedown=sCode | <INPUT type=password onmousedown=sCode> | IE4.0(win16,win32,ce,unix,mac) |
| radio | radio.onmousedown=sCode | <INPUT type=radio onmousedown=sCode> | IE4.0(win16,win32,ce,unix,mac) |
| reset | reset.onmousedown=sCode | <INPUT type=reset onmousedown=sCode> | IE4.0(win16,win32,ce,unix,mac) |
| submit | submit.onmousedown=sCode | <INPUT type=submit onmousedown=sCode> | IE4.0(win16,win32,ce,unix,mac) |
| text | text.onmousedown=sCode | <INPUT type=text onmousedown=sCode> | IE4.0(win16,win32,ce,unix,mac) |
| kbd | kbd.onmousedown=sCode | <KBD onmousedown=sCode> | IE4.0(win16,win32,ce,unix,mac) |
| label | label.onmousedown=sCode | <LABEL onmousedown=sCode> | IE4.0(win16,win32,ce,unix,mac) |
| legend | legend.onmousedown=sCode | <LEGEND onmousedown=sCode> | IE4.0(win16,win32,ce,unix,mac) |
| li | li.onmousedown=sCode | <LI onmousedown=sCode> | IE4.0(win16,win32,ce,unix,mac) |
| listing | listing.onmousedown=sCode | <LISTING onmousedown=sCode> | IE4.0(win16,win32,ce,unix,mac) |
| map | map.onmousedown=sCode | <MAP onmousedown=sCode> | IE4.0(win16,win32,ce,unix,mac) |
| marquee | marquee.onmousedown=sCode | <MARQUEE onmousedown=sCode> | IE4.0(win16,win32,ce,unix,mac) |
| menu | menu.onmousedown=sCode | <MENU onmousedown=sCode> | IE4.0(win16,win32,ce,unix,mac) |
| ol | ol.onmousedown=sCode | <OL onmousedown=sCode> | IE4.0(win16,win32,ce,unix,mac) |
| p | p.onmousedown=sCode | <P onmousedown=sCode> | IE4.0(win16,win32,ce,unix,mac) |
| plainText | plainText.onmousedown=sCode | 없음 | IE4.0(win16,win32,ce,unix,mac) |
| pre | pre.onmousedown=sCode | <PRE onmousedown=sCode> | IE4.0(win16,win32,ce,unix,mac) |
| rt | rt.onmousedown=sCode | <RT onmousedown=sCode> | IE5(win16,win32,unix,mac) |
| ruby | ruby.onmousedown=sCode | <RUBY onmousedown=sCode> | IE5(win16,win32,unix,mac) |
| s | s.onmousedown=sCode | <S onmousedown=sCode> | IE4.0(win16,win32,ce,unix,mac) |
| samp | samp.onmousedown=sCode | <SAMP onmousedown=sCode> | IE4.0(win16,win32,ce,unix,mac) |
| select | select.onmousedown=sCode | <SELECT onmousedown=sCode> | IE4.0(win16,win32,ce,unix,mac) |
| small | small.onmousedown=sCode | <SMALL onmousedown=sCode> | IE4.0(win16,win32,ce,unix,mac) |
| span | span.onmousedown=sCode | <SPAN onmousedown=sCode> | IE4.0(win16,win32,ce,unix,mac) |
| strike | strike.onmousedown=sCode | <STRIKE onmousedown=sCode> | IE4.0(win16,win32,ce,unix,mac) |
| strong | strong.onmousedown=sCode | <STRONG onmousedown=sCode> | IE4.0(win16,win32,ce,unix,mac) |
| sub | sub.onmousedown=sCode | <SUB onmousedown=sCode> | IE4.0(win16,win32,ce,unix,mac) |
| sup | sup.onmousedown=sCode | <SUP onmousedown=sCode> | IE4.0(win16,win32,ce,unix,mac) |
| table | table.onmousedown=sCode | <TABLE onmousedown=sCode> | IE4.0(win16,win32,ce,unix,mac) |
| tBody | tBody.onmousedown=sCode | <TBODY onmousedown=sCode> | IE4.0(win16,win32,ce,unix,mac) |
| td | td.onmousedown=sCode | <TD onmousedown=sCode> | IE4.0(win16,win32,ce,unix,mac) |
| textArea | textArea.onmousedown=sCode | <TEXTAREA onmousedown=sCode> | IE4.0(win16,win32,ce,unix,mac) |
| tFoot | tFoot.onmousedown=sCode | <TFOOT onmousedown=sCode> | IE4.0(win16,win32,ce,unix,mac) |
| th | th.onmousedown=sCode | <TH onmousedown=sCode> | IE4.0(win16,win32,ce,unix,mac) |
| tHead | tHead.onmousedown=sCode | <THEAD onmousedown=sCode> | IE4.0(win16,win32,ce,unix,mac) |
| tr | tr.onmousedown=sCode | <TR onmousedown=sCode> | IE4.0(win16,win32,ce,unix,mac) |
| tt | tt.onmousedown=sCode | <TT onmousedown=sCode> | IE4.0(win16,win32,ce,unix,mac) |
| u | u.onmousedown=sCode | <U onmousedown=sCode> | IE4.0(win16,win32,ce,unix,mac) |
| ul | ul.onmousedown=sCode | <UL onmousedown=sCode> | IE4.0(win16,win32,ce,unix,mac) |
| var | var.onmousedown=sCode | <VAR onmousedown=sCode> | IE4.0(win16,win32,ce,unix,mac) |
| xmp | xmp.onmousedown=sCode | <XMP onmousedown=sCode> | IE4.0(win16,win32,ce,unix,mac) |
| 참조 | onmouseenter 이벤트 | onmouseover 이벤트 | onmousedown 이벤트 | onmousemove 이벤트 |
| onmouseleave 이벤트 | onmouseout 이벤트 | onmouseup 이벤트 | onmousewheel 이벤트 |
| event ⇒ | onmousedown 이벤트⇒ | | ⇒ | | | |
마우스를 누르고 있는 동안(onmousedown)은 노랑색 배경이 나타나고, 놓으면(onmouseup) 하늘색 배경이 나타난다.
<DIV onMouseDown="this.style.backgroundColor='#ffff00'" onMouseUp="this.style.backgroundColor='#00ffff'" style="width:300;border:solid 1 blue;padding:4px">여기서 마우스를 눌렀다 놓아 보라</DIV>
| 마우스로 클릭해 보라. |
|---|
| 클릭해 보라. |
개체들을 차례로 클릭해 보라. 문서 어디서나 가능하다.
<SCRIPT>
function mouseTest(){
str='event.srcElement.tagName='+event.srcElement.tagName+'<BR>';
str+='event.srcElement.id='+event.srcElement.id+'<BR>';
str+='event.srcElement.type='+event.srcElement.type+'<BR>';
str+='event.type='+event.type+'<BR>';
show.innerHTML=str;
}
</SCRIPT>
<BODY onmousedown="mouseTest()">
<TABLE border=1 width=300>
<TH id=thObj>마우스로 클릭해 보라.</TH>
<TR><TD><BUTTON id=butObj>클릭해 보라.</BUTTON></TD></TR>
<TR><TD><INPUT type=text id=tdObj value="클릭해 보라."></TD></TR>
<TR><TD><SPAN id=spanObj>클릭해 보라.</SPAN></TD></TR>
</TABLE>
<DIV id=show style="height:5em;border:solid 1 blue;width:300"></DIV>
| event ⇒ | onmousedown 이벤트⇒ | | ⇒ | | | |
| event ⇒ | onmousedown 이벤트⇒ | | ⇒ | | | |
| event ⇒ | onmousedown 이벤트 | ⇒ | | | |
| 최종 수정: 04/07/2025 20:53:33 |  All right reserved | 비정상적인 방식으로 프레임없이 페이지에 접속하면 자주 오류가 발생됩니다. 오류가 나면 정상적 접속으로 시도해 보세요. | http://koxo.com/lang/js/event/onmousedown.html |