JavaScript_02_onclick, onchange, onkeydown

charl hi·2021년 8월 4일

JavaScript

목록 보기
2/6

이벤트

  • onclick, onchange, onkeydown .... 스무가지 정도?
  • 각각의 속성값="자바스크립트"

버튼

type="button"

  • 버튼 만들기
  • <input type="button">

속성 value

  • 버튼 안에 텍스트 넣기
  • <input type="button" value="텍스트"

속성 onclick

  • 클릭 시 경고창 뜨기
  • <input type="button">
  • onclick 의 속성값에는 반드시 자바스크립트

텍스트

텍스트 넣기

  • <input type="text">

속성 onchange

  • 내용이 바뀌었을 때의 이벤트 체크
  • <input type="text">
    -> 내용이 변했을 때 '내용'의 경고창 뜨기

속성 onkeydown

  • 키보드 키를 눌렀을 때의 이벤트 체크
  • <input type="text">
    -> 키보드 키를 눌렀을 때 '내용'의 경고창 뜨기

  <body>
    <input type="button" name="" value="hi" onclick="alert('hi')">
    <input type="text" name="" value="" onchange="alert('changed')">
    <input type="text" name="" value="" onkeydown="alert('key down')">
  </body>



Ref

0개의 댓글