onclick() 이벤트 사용법 및 간단한 예제[자바스트립트 이벤트]

정보이야기/IT
2020. 5. 23. 10:30

onclick() 이벤트 사용법 및 간단한 예제[자바스트립트 이벤트]

▶ 사용법

● Javascript 코드
objectName.onclick = 'JavascriptCode';
● HTML 코드
<ELEMENT onclick = "JavascriptCode">

▶ Event 발생원인
- 개체를 마우스로 클릭 할시에 이벤트가 발생된다.
- 입력 폼에서 ENTER 키를 눌렀을 때 발생된다.

▶ Event 적용 가능 ELEMENT

a, address, applet, area, b, bdo, big, blockQuote, body, button, caption, center, cite,code, custom, dd, dfn, dir, div, dl, document, dt, em, embed, fieldSet, font, form, hn,hr, i, img, button, checkbox, FileUpload, image, password, radio, reset, submit, text, kbd, label, legend, li, listing, map, marquee, menu, nextID, noBR, Object, ol, p, plainText, pre, rt, ruby, s, samp, select, small, span, strike, strong, sub, sup, table, tBody, td, textArea, tFoot, th, tHead, tr, tt, u, ul, var, xmp

▶ Event 예제코드

<HTML>

 <HEAD>

  <TITLE>onLoad 예제 페이지</TITLE>

  <script>

   function btnClick()

  {

    alert('버튼클릭 이벤트가 발생했습니다.');

   }



  </script>

 </HEAD>

 <BODY onLoad='init()'>

 <form name='ExCode'>

  <input type='button' onClick='btnClick()'>

 </form>

 </BODY>

</HTML>