나중에 블로그에서 검색해보려고 여태 사용한 방식들 정리중으로
설명이 단조로우니 미리 주의바람
제이쿼리 사용함
js로도 사용이 가능하지만 DOM 접근하여 사용한 jquery 방식이 한결 간결하길래 이 방식으로 사용했다
심플하게 키보드 입력받는것만 올려본다
$(document).ready(function(){
$("#test").keypress(function (e) {
if (e.which == 13){
send(); // 실행할 이벤트 호출
}
});
});<input type="text" name="" id="test" class="inp_st3" placeholder="메시지를 입력해주세요" />#test -> id가 test인 input에 접근하여 keypress 시 특정 함수 호출되게끔 함
키보드 enter 클릭 시 전송 버튼을 클릭하지 않아도 입력한 내용이 자동으로 전달되게끔
아래 스택오버플로우에서는 keydown, keypress의 차이에 대해 자세한 설명이 있으니
시간날때 정독
stackoverflow.com/questions/1367700/whats-the-difference-between-keydown-and-keypress-in-net
What's the difference between KeyDown and KeyPress in .NET?
What is the difference between the KeyDown and KeyPress events in .net?
stackoverflow.com
www.javascripttutorial.net/javascript-dom/javascript-keyboard-events/
JavaScript Keyboard Events Explained
In this tutorial, you will learn how to work with JavaScript keyboard events including the keydown, keypress, and keyup events.
www.javascripttutorial.net
마찬가지로 자바스크립트에서 사용하는 키보드 이벤트 관련 내용 설명
'웹 > javascript : 활용' 카테고리의 다른 글
| [javascript] Uncaught DOMException: Failed to read the 'sessionStorage' property from 'Window': Access is denied for this document. (0) | 2021.09.06 |
|---|---|
| [javascript] Node.JS mongoDB 연동하기 부터 삭제까지 (0) | 2021.08.26 |
| [javascript] node.js POST json 데이터 보내는법 (fetch 사용) (0) | 2021.08.19 |
| [javascript] 이미지 base64 인코딩하는법, 인코딩된 이미지 보여주는법 (0) | 2021.08.06 |
| [javascript] 오늘 날짜 출력하는법, date 객체 사용하는법 (0) | 2021.01.27 |
| 자바스크립트 버튼 클릭 유도하는법 (0) | 2020.10.25 |