WEB2 - JavaScript

HTML과 JavaScript의 만남 2 (이벤트)

소스코드

변경사항

댓글

댓글 본문
작성자
비밀번호
  1. gravity251
    완료
  2. 이수하
    완료
  3. 함가죠
    완료 감사합니다:)
  4. 삼색냥
    완료
  5. 김수빈
    완료
  6. Aimhee
    완료
  7. 튜니티
    차근차근~~
  8. 한강
    굿모닝~~^^!
  9. 3번째 강의 듣고 있는데...
    3번정도 보니까 대략(?) 이해가 되네요...ㅎㅎ
  10. HongKyu Lim
    감사합니다:)
  11. darkghost
    잘봤네요... 그런데 원래 마지막에서 나왔던 코드는 실행이 안되나요? 버튼을 만들어서
    실행시키면 검게 되고 하얗게 되는거요?
  12. 미켈란젤로
    이벤트
  13. jettmid@naver.com
    감사합니다.
  14. 돼지천재
    감사합니다.
  15. 정태성
    감사합니다.
  16. 덕후밥
    이벤트 ok
  17. 감사합니다^^
  18. 지영
    잘들었습니다.
  19. 흑임자
    잘들었습니다~ 감사합니다~
  20. 키보드치는남자
    잘들었습니다
  21. icdoit
    감사합니다.
  22. GxONE0927
    감사합니다
  23. 임재현천재
    완료! 항상 감사합니다!
  24. event, 사건 잘 봤습니다!
  25. 청형
    <input type="button" value="thx!" onclick="alert('egoing')>
  26. 로버트한
    onclick, onchage,onkeydown이란 이벤트에 대해서 잘 배웠습니다.^^ㅎ
  27. <input type="button" value="hi" onclick="alert('hi')"> //버튼의 값은 hi 이며 클릭시 팝업(alert)으로 hi
    <input type="text" onchange="alert('changed')"> //텍스트 입력을 해서 값이 변한경우 팝업으로 changed
    <input type="text" onkeydown="alert('key down!')"> //텍스트입력창에서 키보드가 눌렸을 경우 keydown 이라는 팝업 반대로는 onkeyup(키보드가 눌린후 떨어졌을때?의 값) 같은게 있을듯
  28. Femfabin
    3강. HTML과 JavaScript의 만남2(이벤트)
    <input type=“button” value=“hi” onclick=“alert(‘hi’)”>
    onclick= 이 속성값으로는 꼭 JS가 와야함. 웹브라우저가 기억하고 있다가, 사용자가 클릭했을 때 JS코드를 JS의 문법에 따라 해석하여 동작함.
    <input tyle=“text” onchange=“alert(‘changed’)”>
    글이 변화하면 changed라는 경고창이 뜸.
    웹브라우저는 웹브라우저 위에서 일어나는 사건들 중에서 10~20개정도의 event를 정의해놓고 있음.
    검색어: javascript keydown event attribute
    <input tyle=“text” onkeydown=“alert(‘key down!’)”>
    타자를 칠 때 마다 key down 경고창이 뜸.
  29. 반자동
    !
  30. Hudson
    event

    onclick=
    onchange=
    onkeydown=
  31. 이벤트는 자바스크립트와 html이 상호작용하는데에 핵심적인 역할!
    ex) onclick, onchange, onkeydown
  32. 너무 설명 잘해 주셔서 감사합니다.
    보여주신 열정에 답할수 있도록 끝까지 진도 완성하겠습니다.
  33. 내이름은이한샘
    감사합니다.!!
  34. 스페이스몽키
    감사합니다!ㅎㅎ
  35. 소금돌
    아직 배워야 할게 너무 많은 것 같아서 마음이 조급합니다.
    그래도 끝까지 가겠습니다.
  36. 위버
    유익하고 좋은 강의 감사합니다. 제가 생각이 많고 이해력이 딸려서 항상 뭔가 시작하는 데에 어려움이 들곤 하는데... 생활코딩에서 HTML 부터 시작해서 지금 벌써 JavaScript를 떼고 있네요. 항상 감사드립니다. 건강하세요.
  37. jayxwoo
    잘 봤습니다. 감사합니다.
  38. 상상예찬
    김예찬 배재영
  39. haeki_@naver.com
    오 감사합니다!! 이해하는데 도움이됐어요!! 댓글달아주신게 메일로 날라오네요~!! 너무 좋은기능들>_<~~
    대화보기
    • 답변이 도움될까요?
      제 생각에는 텍스트 안에 값이 변경된 것을 알려주는 기능 같습니다.

      처음에 'ABC'를 입력하고 밖을 클릭했을때 텍스트 안에 값을 'ABC'로 변경됨을 알려주고

      다음에 아무렇게나 입력한 상태에서 'ABC'만 남기고 다 지우고 밖을 클릭했을때는

      처음에 'ABC'와 현재 텍스트 안에 있는 'ABC'가 같기 때문인 것 같습니다.
      대화보기
      • 이하빛
        text 칸에 ABCDASDKL적고 ABC만 남기고 지우면 changed 창이 반응하지 않는 이유는 왜그런가요~?(강의 5분 중..)
      • daaawnstar
        사용자와 상호작용하는 이벤트를 배웠네요 ~ :)
        onkeydown, onchange, onclick ☆
      • 키썬
        감사합ㄴㄴ ㅣㅣㅣㅣㅣㅣㅣㅣㅣㅣㅣㅣㅣㅣ다
      • 키썬
        감사감사합니다
      • 안녕
        감사합니다
      • Dreaming_Joyy
        on@@@ 이벤트에 대해서 배웠습니다
      • 빙고
        오 이렇게 직관적으로 알려주셔서 이해가 정말 쉽네요 ㅎㅎ
        항상 좋은 강의 감사합니다~
      • 초연
        input 태그랑 똑같이 하면 돼요!
        <button onClick="alert('hi')">hello</button>
        대화보기
        • 이규원
          감사합니다! 시작 2일째!^^
        • 엘리샤
          input 태그 대신 button으로 하게 되면 어떻게 해야하나요? HTML5에서는 input 보다는 button을 사용을 하거든요.
          <button>Hi</button>
        버전 관리
        egoing
        현재 버전
        선택 버전
        graphittie 자세히 보기