- HTML에서 엔터 키 입력 시 특정 함수 실행하기
HTML에서 키보드 이벤트를 처리하고자 할 때, 일반적으로 JavaScript를 사용하여 이벤트를 처리하며 onkeyup 이벤트 핸들러를 사용하여 엔터 키가 눌렸을 때 동작하도록 할 수 있다.
아래는 해당 기능을 구현한 예시다.
<!DOCTYPE html>
<html>
<head>
<title>엔터 키 입력 시 함수 실행하기</title>
</head>
<body>
<input type="text" onkeyup='handleKeyPress(event);' value="여기서 엔터를 눌러보세요~">
<script>
function handleKeyPress(event) {
if (event.keyCode === 13) { // 13은 엔터 키의 키코드입니다.
contentsOpen(event.target);
}
}
function contentsOpen(element) {
// 이 함수에서 원하는 동작을 수행합니다.
// 예를 들어, 해당 링크를 열거나 다른 동작을 수행할 수 있습니다.
alert("엔터 키가 눌렸다!");
}
</script>
</body>
</html>
- 테스트 코드