728x90
input에 포커스가 되면 값을 초기화하는 코드이다.
onfocus 이벤트를 통해 쉽게 활용할 수 있다.
click이 아닌 focus 이벤트라서 인풋에 클릭을 하거나 키보드를 통해 접근하면 동작한다.
포커스하면 지정한 값을 넣는 이벤트도 같이 넣었다.
화려한 무지개 색의 box-shadow 스타일링도 괜히 해봄,,

See the Pen Clear input value on focus by nah (@wimmwell) on CodePen.
728x90
'Front-end > Javascript' 카테고리의 다른 글
| [Javascript] HTML요소(div, p, span)의 텍스트를 클립보드로 복사하기 버튼 - Copy Text to Clipboard (0) | 2023.02.22 |
|---|---|
| [HTML/SCSS/jQuery] 모바일 내비게이션 메뉴 만들기 with 애니메이션 (0) | 2023.02.16 |
| [HTML/SCSS/Javascript] Spliting.js 및 transformation 연습 (0) | 2023.01.30 |
| [Javascript] Input[type="text"]에 숫자만 입력하기 (0) | 2023.01.02 |
| [jQuery] 디데이 표시하기 (날짜 카운트다운) - The Final Countdown 예제 (0) | 2022.11.03 |