728x90
반응형
[Html & CSS] javascript를 활용하여 input 태그에 엔터키 이벤트 확인하는 방법 !!
input박스에 있는 텍스트를 보낼 때 확인버튼 대신 엔터로 처리하고 싶으실때 사용하시면 됩니다 !!
예제코드
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<input type="text" onkeyup="if(window.event.keyCode==13){enterEvent()}"/>
</body>
</html>
<script>
function enterEvent(){
alert("엔터 눌림!");
}
</script>결과값
728x90
반응형
'Coding > HTML & CSS' 카테고리의 다른 글
| [Html & CSS] 사진 클릭하면서 넘기는 효과 주는 방법 !! (0) | 2023.07.22 |
|---|---|
| [Html & CSS] 슬라이드쇼 구현하는 방법 !! (Slick 라이브러리를 활용) (0) | 2023.07.08 |
| [CSS] 에러 메세지 Font property font-family does not have generic default 해결 방법 !! (0) | 2023.07.01 |
| [Html & CSS] javascript를 활용하여 텍스트에 특수문자 제거하는 정규식 쓰는 방법 !! (0) | 2023.06.27 |
| [Html & CSS] javascript를 활용하여 input 태그에 value 값 넣는 방법 !! (0) | 2023.06.23 |
댓글