📒 [ TIL ] 2022.08.12_82일차 # 최종 프로젝트 개선(6)

[ 2022-08-12 (금) 오늘의 TIL ]

[ Today Project ]

drf 백엔드개발 + 프론트개발
: 이번 프로젝트는 팀프로젝트로 시작합니다.

[ Today Learn ]

피드백 받은부분 개선하기
1) 로그인 및 검색시 엔터이벤트처리
2) 맨위 상단으로 이동할 수 있는 버튼추가

✏️ 내가 배운것, 얻은것

* 로그인 및 검색시 엔터 이벤트 처리
1. 이벤트 발생 시 수행할 함수를 작성

function enterkey() {
	if (window.event.keyCode == 13) {
    	// 엔터키가 눌렸을 때
    }
}

2. 이벤트 대상에 작성

<div class="modal-body">
  <div class="form-floating mb-3">
    <input type="text" class="form-control" id="floatingloginID" placeholder="ID" onkeyup="loginkey()">
      <label for="floatingInput">ID</label>
</div>
<div class="form-floating mb-3">
  <input type="password" class="form-control" id="floatingloginPassword"
placeholder="Password" onkeyup="loginkey()">
  <label for="floatingPassword">비밀번호</label>
</div>
아직 <a href="signup.html">계정</a>이 없으시다면?
</div>

* 맨위 상단으로 이동할 수 있는 버튼추가

<!-- 맨위로이동시키는 버튼 -->
 <div class="top"> 
 	<img  style="cursor:pointer;" onclick="window.scrollTo(0,0);" src="../static/image/top.png">
 </div>

https://github.com/Moonmooj