# onKeyup

9개의 포스트

text 박스로 text 입력하기

onkeyup입력을 완료 하는순간 작동됨onchange변화가 감지되면 작동됨onpaste붙여넣기 하는순간 작동됨콘솔에서 확인할 수 있는 로직을 추가해주었다.괄호의 ‘ ‘ 안에 text 를 입력하고 조건을 충족시키면콘솔에 ‘ ‘ 에 적은 message 가 출력된다.🔗

2023년 4월 17일
·
0개의 댓글
·

onSubmit, input 엔터 누를경우 submit으로 넘어감

폼 안에서 input이 있는 경우저장을 눌러야 submit으로 넘어가야 하는데 계속 엔터만 쳐도 submit으로 넘감위 처럼 e.preventDefault()를 입력하면 넘어가지 않음.요점은 1\. onClick 일 경우 : enter를 치거나, 버튼을 클릭할 때, s

2023년 1월 20일
·
0개의 댓글
·
post-thumbnail

javascript - 키이벤트 onkeydown, onkeypress

키와 과련된 이벤트 리스너는 3개가 있다.onkeydown, onkeypress, onkeyuponkeydown : 모든 키에 대해 키가 눌러지는 순간 호출onkeyup : 모든 키에 대해 눌러진 키가 떼어지는 순간 호출onkeypress : Enter, Space,

2022년 12월 28일
·
0개의 댓글
·

onKeyUp , onClick, KeyCode13

아주간단한 예제를 통해서onKeyUp도 사용해보고onClick도 사용해보고keyCode13이라는 것을 이용해서 클릭하지 않고 엔터만눌러서submit을 해보자일단 예제코드는 아래와 같다이벤트 e를 괄호안에 넣어주고 e.keycode===13 이라고 주면13이 엔터를 뜻함

2022년 11월 17일
·
0개의 댓글
·
post-thumbnail

ajax를 이용한 검색기능 만들기

회원가입을 커스터마이징하는 업무를 하다 구현한 검색기능을 튜토리얼으로 만들어보았다. input창에 글자를 칠 때마다 ajax를 사용해 해당 데이터를 가져오고, 클릭하면 하단에 출력해주는 기능을 구현해볼 것이다.포스팅을 위해 예제 프로젝트를 만들었다.json파일은 위의

2022년 10월 20일
·
0개의 댓글
·

typescript -Input KeyboardEvent-

틈틈히 업데이트 예정

2022년 3월 25일
·
0개의 댓글
·

2021-12-27(월) 8주차 1일

배열을 다루는 메서드를 별도의 클래스로 분류한다. ArrayList 클래스 생성

2021년 12월 27일
·
0개의 댓글
·

[React] 이벤트 처리하기

React에서는 JSX를 사용하여 문자열이 아닌 함수로 이벤트 핸들러를 전달합니다.위의 코드는 onClick의 객체로 lambda함수를 넣어서 Submit 버튼을 클릭했을 때 'hello'라는 문자가 뜨도록 하는 코드입니다. 'hello' alert주의!만약 위의 코드

2021년 10월 12일
·
0개의 댓글
·