반응형
[JavaScript] 자바스크립트로 input창 엔터로 적용하는 방법 !!
인풋창에 입력 후 버튼 클릭이 아닌 엔터로 적용 할 수 있는 코드 입니다 ㅎ
예제코드
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<input type="text" id="input">
<button id="btn">적용</button>
</body>
</html>
<script>
var input = document.getElementById("input");
input.addEventListener("keyup", function (event) {
if (event.keyCode === 13) {
event.preventDefault();
document.getElementById("btn").click();
alert("엔터키 눌림");
}
});
</script>결과값
728x90
반응형
'Coding > JavaScript' 카테고리의 다른 글
| [JavaScript] 자바스크립와 CSS로 글자 입력효과 내는 방법 !! (0) | 2023.06.18 |
|---|---|
| [JavaScript & jQuery] 움직임, 입력이 없을 시 자동 새로고침&경로이동 하는 방법 !! (0) | 2023.06.17 |
| [JavaScript & jQuery] 제이쿼리 사용하여 input 텍스트 박스 placeholder 변경하는 방법 !! (0) | 2023.06.09 |
| [JavaScript & jQuery] html에서 이미지 변경 시 사라졌다 나타나는 효과(fadeIn & fadeOut) (0) | 2023.06.08 |
| [JavaScript] 자바스크립트로 로또 번호 추첨기 만드는 방법 !! (0) | 2023.05.17 |
댓글