검색용 해시태그 입력을 위한 사용자 편의 기능 추가하기
<body>
검색어 입력 : <input type="text" name="search">
</body>
<script>
const input = document.querySelector('[name=search]');
input.addEventListener('focus', (event) => {
let search = event.currentTarget.value; // 선택한 타겟의 값
if(search.length == 0) {
event.target.value = '#';
}
});
input.addEventListener('keyup', (event) => {
let keyCode = event.keyCode;
if(keyCode == 32) {
let pressValue = event.target.value;
pressValue = pressValue.substring(0, pressValue.length - 1);
event.target.value = pressValue + ', #';
}
console.dir(event);
});
</script>