티스토리 뷰

프로그램개발

Enter(엔터)키 막기

인생참!! 2023. 10. 19. 17:18
728x90

Javascript Enter(엔터)키 막기

1. 모든 Element에 Enter키 막기

document.addEventListener("keydown", function(evt) {
	if(evt.keyCode === 13) {
    	evt.preventDefault();
    }
});

2. Form input 요소에 Enter키 막기

<form name='frm'>
	<input type="text" />
</form>

<script>
document.frm.addEventListener("keydown", evt => {
	// keyCode, which는 deprecate될 속성
    if((evt.keyCode || evt.which) === 13) {
    	evt.preventDefault();
    }
    
    // 대체 방식 
    if(evt.code === "Enter") {
    	evt.preventDefault();
    }
});
</script>

3. Jquery 방식

$(":text").on("keydown", function(evt) {
	if(evt.keyCode === 13) {
    	evt.preventDefault();
    }
});
728x90
250x250
«   2025/04   »
1 2 3 4 5
6 7 8 9 10 11 12
13 14 15 16 17 18 19
20 21 22 23 24 25 26
27 28 29 30
Total
Today
Yesterday