πŸ’» 곡뢀 기둝/🎞️ JavaScript

Event | HTML의 event μ’…λ₯˜

  • -

HTML의 event μ’…λ₯˜

κ°œμš”

Javascript의 Module Pattern을 μ‚¬μš©ν•˜μ—¬ ν•΄λ‹Ή 슀크립트λ₯Ό μž¬μ‚¬μš© ν•  수 μžˆλŠ” μž₯점
λ‹€λ₯Έ μ†ŒμŠ€μ™€ μ„žμ΄μ§€ μ•Šκ³ , ν•΄λ‹Ή λͺ¨λ“ˆμ„ ν†΅ν•΄μ„œ μ™„μ „ν•œ κΈ°λŠ₯을 제곡

 

μ’…λ₯˜

onabort 이미지 λ‘œλ”©μ—μ„œ μ΄νƒˆν•˜μ˜€μ„ λ•Œ(λ‹€λ₯Έ μ—°κ²°λ‘œ 이동)
onactivate 개체의 activeElement 속성을 μ„€μ •ν•˜μ˜€μ„ λ•Œ
onafterprint κ΄€λ ¨λœ λ¬Έμ„œλ₯Ό μΈμ‡„ν•˜κ±°λ‚˜ 인쇄 미리보기λ₯Ό ν›„ μ¦‰μ‹œ
onbeforeactivate 개체의 activeElement 속성이 μ„€μ •λ˜κΈ° λ°”λ‘œ 전에
onbeforecopy μ„ νƒλœ λ‚΄μš©μ΄ μ‹œμŠ€ν…œ ν΄λ¦½λ³΄λ“œ(clipboard)둜 λ³΅μ‚¬ν•˜κΈ° λ°”λ‘œ 전에
onbeforecut μ„ νƒλœ λ‚΄μš©μ΄ μ‹œμŠ€ν…œ ν΄λ¦½λ³΄λ“œ(clipboard)둜 μž˜λΌλ‚΄κΈ° λ°”λ‘œ 전에
onbeforedeactivate activeElementκ°€ λ‹€λ₯Έ 개체둜 μ΄λ™ν•˜κΈ° λ°”λ‘œ 전에
onbeforeeditfocus νŽΈμ§‘ν•  수 μžˆλŠ” 용기 개체의 μ œμ–΄κ°€ μ„ νƒλ˜κΈ° λ°”λ‘œ 전에
onbeforepaste μ‹œμŠ€ν…œ ν΄λ¦½λ³΄λ“œλ‘œλΆ€ν„° 데이터λ₯Ό λΆ™μ—¬λ„£κΈ°ν•˜κΈ° λ°”λ‘œ 전에
onbeforeprint κ΄€λ ¨λœ λ¬Έμ„œλ₯Ό μΈμ‡„ν•˜κ±°λ‚˜ 인쇄 λ―Έλ¦¬λ³΄κΈ°ν•˜κΈ° λ°”λ‘œ 전에
onbeforeunload νŽ˜μ΄μ§€κ°€ μ–Έλ‘œλ“œλ˜κΈ° λ°”λ‘œ 전에
onbeforeupdate μ—°κ΄€λœ 데이터가 μ—…λ°μ΄νŠΈλ˜κΈ° λ°”λ‘œ 전에
onbegin μ΄λ²€νŠΈμ—μ„œ μ‹œκ°„μ΄ μ‹œμž‘λ˜λ©΄ μ—˜λ ˆλ©˜νŠΈμ— λ°œμƒλœλ‹€.
onblur λ§ˆμš°μŠ€λ‚˜ 탭에 μ˜ν•œ ν•­ν•΄λ‘œ κ°œμ²΄κ°€ 초점(포컀슀)을 상싀 ν–ˆμ„ λ•Œ
onbounce λ‚΄μš©μ΄ 개체의 ν•œμͺ½ ν•œκ³„μ„ μ— λ„λ‹¬ν•˜μ˜€μ„ λ•Œ
oncellchange 데이터 μ œκ³΅μžμ—μ„œ λ°μ΄ν„°μ˜ λ‚΄μš©μ΄ λ³€κ²½λ˜μ—ˆμ„ λ•Œ
onchange μž…λ ₯폼의 ν•„λ“œ λ‚΄μš©μ΄ λ³€κ²½λ˜κ³  μ΄ˆμ μ„ μƒμ‹€ν–ˆμ„ λ•Œ λ°œμƒ
onchange colorpick λΉ„ν—€μ΄λ²„μ—μ„œ 색상이 λ³€κ²½λ˜λ©΄ λ°œμƒλœλ‹€.
onclick μ™Όμͺ½ λ§ˆμš°μŠ€κ°€ 개체 μœ„λ₯Ό ν΄λ¦­ν•˜μ˜€μ„ λ•Œ
oncontentready 비헀이버 μ²¨λΆ€λœ μ—˜λ ˆλ©˜νŠΈμ˜ λ‚΄μš©μ΄ νŒŒμ‹±(parse) μ™„λ£Œλ˜λ©΄ λ°œμƒ
oncontentsave 비헀이버 μ²¨λΆ€λœ μ—˜λ ˆλ©˜νŠΈμ˜ λ‚΄μš©μ΄ μ €μž₯μ΄λ‚˜ λ³΅μ‚¬λ˜κΈ° 전에 λ°œμƒ
oncontextmenu μ‚¬μš©μž μ§€μ—­μ—μ„œ 였λ₯Έμͺ½ 마우슀λ₯Ό ν΄λ¦­ν•˜μ˜€μ„ λ•Œ
oncontrolselect μ‚¬μš©μžκ°€ 개체의 μ œμ–΄(control) 선택듀 ν•˜λ €κ³  ν•  λ•Œ
oncopy μ„ νƒλœ λ‚΄μš©μ΄ μ‹œμŠ€ν…œ ν΄λ¦½λ³΄λ“œ(clipboard)둜 λ³΅μ‚¬ν•˜κΈ° ν•˜μ˜€μ„ λ•Œ
oncut μ„ νƒλœ λ‚΄μš©μ΄ μ‹œμŠ€ν…œ ν΄λ¦½λ³΄λ“œ(clipboard)둜 μž˜λΌλ‚΄κΈ° ν•˜μ˜€μ„ λ•Œ
ondataavailable 데이터 μ›μ²œ 개체둜 λΆ€ν„° 데이터가 λ„μ°©ν•˜λ©΄ 주기적으둜 λ°œμƒ
ondatasetchanged 데이터 μ›μ²œ 개체의 변경에 μ˜ν•œ 감지가 μžˆμ„ λ•Œ
ondatasetcomplete 데이터 μ›μ²œ κ°œμ²΄λ‘œλΆ€ν„° λͺ¨λ“  데이터λ₯Ό λ°›μ•„ μ‚¬μš©ν•  수 μžˆμ„ λ•Œ
ondatasetcomplete dataselect 비헀이버가 select의 λ‚΄μš©μ„ μ°¨μ§€ν•˜μ˜€μ„ λ•Œ λ°œν–‰
ondblclick λ§ˆμš°μŠ€κ°€ 개체 μœ„λ₯Ό λ‘λ²ˆ ν΄λ¦­ν•˜μ˜€μ„ λ•Œ
ondeactivate activeElementκ°€ ν˜„μž¬μ˜ κ°œμ²΄μ—μ„œ λ‹€λ₯Έ 개체둜 μ΄λ™ν•˜μ˜€μ„ λ•Œ
ondetach μ—˜λ ˆλ©˜νŠΈμ—μ„œ μ²¨λΆ€λœ 비헀이버가 제거되기 λ°”λ‘œμ „μ— λ°œμƒ
ondocumentready 비헀이버λ₯Ό ν¬ν•¨ν•˜λŠ” λ¬Έμ„œκ°€ νŒŒμ‹±(parse)을 μ™„λ£Œλ˜μ—ˆμ„ λ•Œ λ°œμƒ
ondrag 마우슀λ₯Ό 눌러 λ„λŠ” λ™μ•ˆ κ³„μ†ν•΄μ„œ 원본 κ°œμ²΄μ— λ°œμƒ
ondragdrop NS ν™”μΌλ“±μ˜ 개체λ₯Ό 창에 λ“œλ‘­λ‹€μš΄ μ‹œμΌ°μ„ λ•Œ
ondragend 마우슀λ₯Ό 눌러 λ„λŠ” λ™μ•ˆ κ³„μ†ν•΄μ„œ 원본 κ°œμ²΄μ— λ°œμƒ
ondragenter μ‚¬μš©μžκ°€ λ“œλž˜κ·Έν•˜λŠ” 개체λ₯Ό μœ νš¨ν•œ λͺ©ν‘œ λ“œλ‘­μ—μ„œ λ†“μ•˜μ„ λ•Œ
ondragleave λ“œλž˜κ·Έν•˜λŠ” 마우슀λ₯Ό μœ νš¨ν•œ λͺ©ν‘œμ—μ„œ 놓지 μ•Šκ³  μ΄νƒˆν–ˆμ„ λ•Œ
ondragover μœ νš¨ν•œ λͺ©ν‘œ μœ„μ—μ„œ λ“œλž˜κ·Έν•˜λŠ” λ™μ•ˆ μ—°μ†μ μœΌλ‘œ λ°œμƒ
ondragstart 개체λ₯Ό μ™Όμͺ½ 마우슀λ₯Ό λˆ„λ₯Έ μƒνƒœμ—μ„œ λ“œλž˜κ·Έλ₯Ό μ‹œμž‘ν•˜λ©΄
ondrop λ“œλž˜κ·Έλ“œλ‘­ μž‘μ—… 쀑 λ§ˆμš°μŠ€λ‹¨μΆ”λ₯Ό λ†“μ•˜μ„ λ•Œ
onend μ—˜λ ˆλ©˜νŠΈμ—μ„œ μ‹œκ°„μ΄ μ€‘μ§€λ˜λ©΄ λ°œμƒ
onerror λŸ°νƒ€μž„ 였λ₯˜κ°€ λ°œμƒν•˜μ˜€μ„ λ•Œ
onerror λ¬΄νš¨ν•œ 속성값을 ν• λ‹Ήν•˜κ±°λ‚˜ μ½κΈ°μ „μš©μ— ν• λ‹Ήν•˜λ©΄ λ°œμƒ
onerror λ¬΄νš¨ν•œ 속성값을 ν• λ‹Ήν•˜κ±°λ‚˜ μ½κΈ°μ „μš©μ— ν• λ‹Ήν•˜λ©΄ λ°œμƒ
onerror 속성에 λ¬΄νš¨ν•œ 값을 ν• λ‹Ήν•˜κ±°λ‚˜ μ½κΈ°μ „μš©μ— ν• λ‹Ήν•  λ•Œ λ°œμƒ
onerrorupdate κ΄€λ ¨λœ 데이터가 μ—…λ°μ΄νŠΈλ˜λŠ” λ™μ•ˆμ— 였λ₯˜κ°€ λ°œμƒλ˜λ©΄ λ°œμƒ
onfilterchange μŠ€νƒ€μΌ ν•„ν„°κ°€ λ³€κ²½λ˜κ±°λ‚˜ λ³€ν™˜μ„ μ™„λ£Œν•˜λ©΄ λ°œμƒ
onfinish λ§ˆν€΄(MARQUEE)의 루프가 μ™„λ£Œλ˜λ©΄ λ°œμƒ
onfocus λ§ˆμš°μŠ€λ‚˜ 탭에 μ˜ν•œ ν•­ν•΄λ‘œκ°œμ²΄μ— 초점(포컀슀)이 μ£Όμ–΄ μ‘Œμ„ λ•Œ
onfocusin μ—˜λ ˆλ©˜νŠΈκ°€ μ΄ˆμ μ„ λ°›μ•˜μ„ λ•Œ
onfocusout μ—˜λ ˆλ©˜νŠΈκ°€ μ΄ˆμ μ„ μžƒμ—ˆμ„ λ•Œ
onhelp ν™œμ„± μœˆλ„μš°μ—μ„œ 도움말을 μœ„ν•˜μ—¬ F1 ν‚€λ₯Ό λˆ„λ₯΄λ©΄ λ°œμƒ
onhide λ©”λ””μ–΄ ν”Œλ ˆμ΄μ–΄κ°€ 감좰지면 λ°œμƒλœλ‹€.
onkeydown ν‚€λ₯Ό 개체 μœ„μ—μ„œ λˆŒλ €μ„ λ•Œ λ°œμƒ
onkeypress ν‚€(key)λ₯Ό 개체 μœ„μ—μ„œ λˆŒλ €λ‹€ λ†“μ•˜μ„ λ•Œ λ°œμƒ
onkeyup ν‚€λ₯Ό 개체 μœ„μ—μ„œ λ†“μ•˜μ„ λ•Œ λ°œμƒ
onlayoutcomplete μ±„μ›Œλ„£κΈ°κ°€ λλ‚˜κ³  μΈμ‡„ν•˜κ±°λ‚˜ 인쇄미리보기λ₯Ό μ‹€ν–‰ν•˜λ©΄ λ°œμƒ
onload λ¬Έμ„œλ₯Ό λ‹€μ‹œ λ‘œλ”©ν•  λ•Œ μ›λž˜μ˜ μ—˜λ ˆλ©˜νŠΈμ—μ„œ λ°œμƒ
onlosecapture λ§ˆμš°μŠ€μ— μ˜ν•œ 캑쳐(capture)κ°€ μƒμ‹€λ˜μ—ˆμ„ λ•Œ λ°œμƒ
onmediacomplete 메디어와 μ—°κ΄€λœ μ—˜λ ˆλ©˜νŠΈμ˜ λ‘œλ”©μ΄ μ™„λ£Œλ˜λ©΄ λ°œμƒ
onmediaerror μ—˜λ ˆλ©˜νŠΈμ˜ λ©”λ””μ–΄ 파일의 λ‘œλ”©μ΄ μ‹€νŒ¨λ˜μ—ˆμ„ λ•Œ λ°œμƒ
onmedialoadfailed (λΆˆλŸ‰)μ—˜λ ˆλ©˜νŠΈμ˜ λ©”λ””μ–΄ 파일의 λ‘œλ”©μ΄ μ‹€νŒ¨λ˜μ—ˆμ„ λ•Œ λ°œμƒ
onmousedown λ§ˆμš°μŠ€κ°€ 개체 μœ„λ₯Ό λˆŒλ €μ„ λ•Œ λ°œμƒ
onmouseenter μ‚¬μš©μžκ°€ λ§ˆμš°μŠ€ν¬μΈν„°λ‘œ 개체 μœ„μ— 듀어갔을 λ•Œ λ°œμƒ
onmouseleave λ§ˆμš°μŠ€ν¬μΈν„°κ°€ 개체의 λ²”μœ„ λ°–μœΌλ‘œ μ΄λ™ν•˜λ©΄ λ°œμƒ
onmousemove λ§ˆμš°μŠ€κ°€ 개체 μœ„μ—μ„œ μ΄λ™ν•˜μ˜€μ„ λ•Œ
onmouseout λ§ˆμš°μŠ€κ°€ 개체 μœ„μ—μ„œ μ΄νƒˆν•˜μ˜€μ„ λ•Œ
onmouseover λ§ˆμš°μŠ€κ°€ 개체 μœ„λ‘œ μ΄λ™ν•˜μ˜€μ„ λ•Œ
onmouseup λ§ˆμš°μŠ€κ°€ 개체 μœ„ λˆ„λ₯Έ 것을 ν•΄μ œν•˜μ˜€μ„ λ•Œ
onmousewheel 마우슀 ꡴림단좔가 개체 μœ„μ—μ„œ νšŒμ „ν•  λ•Œ λ°œμƒ
onmove μ‚¬μš©μžλ‚˜ 슀크립트둜 창의 μœ„μΉ˜λ₯Ό μ΄λ™ν•˜μ˜€μ„ λ•Œ
onmoveend νŽΈμ§‘ν•  수 μžˆλŠ” 개체의 이동이 μ€‘μ§€λ˜μ—ˆμ„ λ•Œ λ°œμƒ
onmovestart 개체λ₯Ό μ΄λ™ν•˜κΈ° μ‹œμž‘ν•˜λ©΄ λ°œμƒ
onopenstatechange λ©”λ””μ–΄λ°” ν”Œλ ˆμ΄μ–΄μ˜ μ—΄λ¦° μƒνƒœκ°€ 변경될 λ•Œ λ°œμƒ
onoutofsync μ—˜λ ˆλ ŒνŠΈκ°€ μ—°κ΄€λœ μ‹œκ°„κ³Όμ˜ 동기성을 μƒμ‹€ν•˜λ©΄ λ°œμƒ
onpaste μ‹œμŠ€ν…œ ν΄λ¦½λ³΄λ“œ(clipboard)λ‘œλΆ€ν„° 데이터λ₯Ό λΆ™μ—¬λ„£κΈ°ν•˜μ˜€μ„ λ•Œ
onpause μ—˜λ ˆλ©˜νŠΈμ˜ μ‹œκ°„μ΄ μΌμ‹œμ€‘μ§€(pause)ν•˜λ©΄ λ°œμƒ
onplaystatechange λ©”λ””μ–΄λ°” ν”Œλ ˆμ΄μ–΄μ—μ„œ κ·Έ μ—°μ£Ό μƒνƒœκ°€ λ³€κ²½λ˜μ—ˆμ„ λ•Œ λ°œμƒ
onpropertychange 개체의 속성을 λ³€κ²½ν•˜λ©΄ κ·Έ κ°œμ²΄μ— λ°œμƒ
onreadystatechange 개체의 μƒνƒœ(state)κ°€ λ³€κ²½λ˜λ©΄ λ°œμƒλœλ‹€.
onrepeat μ‹œκ°„μ΄ μ—˜λ ˆλ©˜νŠΈμ—μ„œ λ°˜λ³΅λ˜κ±°λ‚˜ λ‹€μŒλ²ˆ μž‘λ™μ΄ μ‹œμž‘λ  λ•Œ λ°œμƒ
onreset μž…λ ₯폼이 λ¦¬μ…‹νŠΈ(reset) λ˜μ—ˆμ„ λ•Œ
onreset μ‹œκ°„μ΄ begin 값이 λ˜κ±°λ‚˜ resetElementκ°€ 호좜되면 λ°œμƒ
onresize μ‚¬μš©μžλ‚˜ 슀크립트둜 창의 크기λ₯Ό μ‘°μ ˆν•˜μ˜€μ„ λ•Œ
onresizeend μ‚¬μš©μžκ°€ μ œμ–΄ μ„ νƒλœ 개체의 크기 변경을 μ™„λ£Œν•˜λ©΄ λ°œμƒ
onresizestart μ‚¬μš©μžκ°€ μ œμ–΄ μ„ νƒλœ 개체의 크기λ₯Ό λ³€κ²½ν•˜κΈ° μ‹œμž‘ν•˜λ©΄ λ°œμƒ
onresume μ‹œκ°„κ°œμ²΄κ°€ μΌμ‹œμ€‘μ§€μ—μ„œ λ‹€μ‹œμ‹œμž‘μœΌλ‘œ 회볡되면 λ°œμƒ
onreverse μ—˜λ ˆλ©˜νŠΈμ—μ„œ μ‹œκ°„ κ°œμ²΄κ°€ λ’€λ‘œ ν”Œλ ˆμ΄λ˜λ©΄ λ°œμƒ
onrowclick rowover λΉ„ν—€μ΄λ²„μ—μ„œ 마우슀 μ»€μ„œκ°€ 쀄을 μ„ νƒν•˜λ©΄ λ°œμƒ
onrowenter 쀄이 λ³€κ²½λ˜κ³  κ°œμ²΄μ— μƒˆλ‘œμš΄ 값이 μžˆμŒμ„ λ‚˜νƒ€λ‚΄κΈ° μœ„ν•˜μ—¬ λ°œμƒ
onrowexit ν˜„μž¬ 쀄을 λ³€κ²½ν•˜κΈ°μ˜ μœ„ν•œ 데이터 μ›μ²œ μ œμ–΄ λ°”λ‘œ 전에 λ°œμƒ
onrowout rowover λΉ„ν—€μ΄λ²„μ—μ„œ 마우슀 μ»€μ„œκ°€ μ€„μ—μ„œ λ‚˜κ°€λ©΄ λ°œμƒ
onrowover rowover λΉ„ν—€μ΄λ²„μ—μ„œ 마우슀 μ»€μ„œκ°€ 쀄에 λ“€μ–΄μ˜€λ©΄ λ°œμƒ
onrowsdelete λ¦¬μ½”λ“œμ„ΈνŠΈ(recordset)μ—μ„œ 쀄듀이 μ‚­μ œλ  상황이 되면 λ°œμƒ
onrowsinserted ν˜„μž¬μ˜ λ¦¬μ½”λ“œμ„ΈνŠΈμ— μƒˆλ‘œμš΄ 쀄듀이 μ‚½μž…λœ 직후에 λ°œμƒ
onsave μ›ΉνŽ˜μ΄μ§€κ°€ μ €μž₯, λΆλ§ˆν¬λ˜κ±°λ‚˜ λ‹€λ₯Έ νŽ˜μ΄μ§€λ‘œ ν•­ν•΄ν•΄ κ°€λ©΄ λ°œμƒ
onscroll μŠ€ν¬λ‘€λ˜λŠ” κ°œμ²΄μ—μ„œ 슀크둀 λ°”μ˜ μœ„μΉ˜λ₯Ό λ³€κ²½ν•˜μ˜€μ„ λ•Œ λ°œμƒ
onseek μ—˜λ ˆλ©˜νŠΈμ—μ„œ 탐색(seek) μž‘μ—…μ΄ μˆ˜ν–‰λ˜λ©΄ λ°œμƒ
onselect μž…λ ₯νΌμ—μ„œ μž…λ ₯ ν•„λ“œμ—μ„œ λ¬Έμžμ—΄μ„ 선택(select)ν•˜μ˜€μ„ λ•Œ
onselectionchange λ¬Έμ„œμ˜ μ„ νƒλœ λΆ€λΆ„μ˜ μƒνƒœκ°€ λ³€κ²½λ˜μ—ˆμ„ λ•Œ λ°œμƒ
onselectstart κ°œμ²΄κ°€ μ„ νƒλ˜κΈ° μ‹œμž‘ν•˜λ©΄ λ°œμƒ
onshow λ©”λ””μ–΄λ°” ν”Œλ ˆμ΄μ–΄κ°€ 보이게 되면 λ°œμƒλœλ‹€.
onstart MARQUEE κ°œμ²΄μ—μ„œ λ°˜λ³΅ν•˜λŠ” 각 루프가 μ‹œμž‘λ  λ•Œ λ°œμƒ
onstop μ‚¬μš©μžκ°€ 쀑지 단좔λ₯Ό ν΄λ¦­ν•˜κ±°λ‚˜ μ›Ή νŽ˜μ΄μ§€λ₯Ό 닫을 λ•Œ λ°œμƒν•œλ‹€
onsubmit μž…λ ₯폼(form)이 솑신(submit) λ˜μ—ˆμ„ λ•Œ
onsyncrestored μ—˜λ ˆλ©˜νŠΈμ™€ κ·Έ κ΄€λ ¨ μ‹œκ°„ μ‚¬μ΄μ˜ 동기화가 회볡되면 λ°œμƒ
ontimeerror μ‹œκ°„μ„ μ§€μ •ν•˜λŠ” 였λ₯˜κ°€ μΌμ–΄λ‚˜λ©΄ λ°œμƒ
ontrackchange ASX νŒŒμΌμ—μ„œ μ •μ˜ν•œ playListμ—μ„œ νŠΈλž™μ΄ λ³€κ²½λ˜λ©΄ λ°œμƒλœλ‹€.
onunload μ‚¬μš©μžκ°€ νŽ˜μ΄μ§€μ—μ„œ μ΄νƒˆν–ˆμ„ λ•Œ
onurlflip +time t:MEDIA νƒœκ·Έμ— μ˜ν•΄ ASF 파일이 ν”Œλ ˆμ΄λ˜λ©΄ λ°œμƒ
Contents

ν¬μŠ€νŒ… μ£Όμ†Œλ₯Ό λ³΅μ‚¬ν–ˆμŠ΅λ‹ˆλ‹€

이 글이 도움이 λ˜μ—ˆλ‹€λ©΄ 곡감 λΆ€νƒλ“œλ¦½λ‹ˆλ‹€.