devsho

스크롤과 엔터키

...@@ -63,5 +63,17 @@ function send() { ...@@ -63,5 +63,17 @@ function send() {
63 // 서버로 message 이벤트 전달 + 데이터와 함께 63 // 서버로 message 이벤트 전달 + 데이터와 함께
64 socket.emit('message', {type: 'message', message: message}) 64 socket.emit('message', {type: 'message', message: message})
65 } 65 }
66 + function a(chat = 'chat'){
67 + var element = document.getElementById(chat);
68 + element.scrollTop = element.scrollHeight - element.clientHeight;
69 + }
70 + a();
71 +
72 +}
66 73
74 +function enterkey() {
75 + if (window.event.keyCode == 13) {
76 + // 엔터키가 눌렸을 때 실행할 내용
77 + send();
78 + }
67 } 79 }
...\ No newline at end of file ...\ No newline at end of file
......
...@@ -39,10 +39,4 @@ router.get('/', function(req, res){ ...@@ -39,10 +39,4 @@ router.get('/', function(req, res){
39 } 39 }
40 }); 40 });
41 41
42 -function enterkey() {
43 - if (window.event.keyCode == 13) {
44 - // 엔터키가 눌렸을 때 실행할 내용
45 - send();
46 - }
47 -}
48 module.exports = router; 42 module.exports = router;
...\ No newline at end of file ...\ No newline at end of file
......
...@@ -29,7 +29,7 @@ ...@@ -29,7 +29,7 @@
29 <!-- 채팅 메시지 영역 --> 29 <!-- 채팅 메시지 영역 -->
30 </div> 30 </div>
31 <div> 31 <div>
32 - <input type="text" id="test" placeholder="메시지를 입력해주세요.."> 32 + <input onkeyup="enterkey()" type="text" id="test" placeholder="메시지를 입력해주세요..">
33 <button onclick="send()">전송</button> 33 <button onclick="send()">전송</button>
34 </div> 34 </div>
35 </div> 35 </div>
......