{유저명}님이 메세지 입력 중입니다. 메세지 질문드립니다.
<form id="message_form">
<input type="text"
name='message'
class="form-control"
autofocus
autocomplete="off"
id="msg-input">
</form>document.querySelector('#msg-input').addEventListener('keyup', this.on_typing.bind(this));on_typing(event){
if (event.target.value !== ''){
this.ws.send(JSON.stringify({
type : 'chat.message.typing'
}))
}
},위에서 처럼 input에 keyup을 줘서 통신을 하도록 하였습니다. value를 기준으로 하니 input에 값을 입력할 때 마다 메시지가 만들어 지더라구요. keyup동안에 입력중이라는 신호를 줄 수 있는 방법이 있을까요?
回答 1
1
안녕하세요.
이 부분은 보여주실 때의 UI를 다르게 생각해보시는 것은 어떨까요?
메시지 입력 중 이벤트를 채팅 메시지 포맷으로 보여주시기보다,
아래의 슬랙(slack) 예시처럼 보여주시는 것은 어떨까싶습니다. :-)
텔레그램에서도 이와 비슷하게 타이핑 이벤트를 처리하고 있으니, 확인해보시는 것도 좋겠네요.
출처 : https://zapier.com/blog/disable-slack-typing-indicator/
화이팅입니다. :-)
유저목록 확인 문제 질문드립니다.
0
164
2
안녕하세요 선생님,
0
91
1
하나의 채팅방만 만들어보려고 하는데 잘 안되고 있습니다.
0
103
1
도커와 연동 관련 질문드립니다.
0
205
3
채팅방 참여자 목록 - 채팅방 입장/퇴장 실시간 이벤트 처리
0
165
2
안녕하세요, onopen() 문제로 질문드립니다.
0
137
2
Consumer Instances 관련 질문 있습니다.
0
71
2
안녕하세요, 요청은 채널스에서 먼저 받고, http 요청은 장고를 통해서 처리한다고 하셨는데요.
0
79
2
기능 구현 질문 드립니다.
0
115
1
git에 있는 코드를 다운 받아 실행 해봤는데 에러가 났습니다.
0
153
2
ValueError: No route found for path 'ws/liveblog/'.
0
133
2
지정 경로에 템플릿 파일 만드는 단축키가 뭔가요?
0
121
2
채팅 내역을 영구적으로 저장하고 싶습니다.
0
89
1
질문이 있습니다.
0
164
1
구독 채팅 구현
0
212
1
헷갈려서 질문드립니다.
0
354
2
@login_required 장식자를 적용한후에는 로그인을 성공하면 채팅방으로 어떻게 이동을 하는 건가요?
1
276
1
docker run -d --restart always --name redis7 --publish 6379:6379 redis:7
0
261
1
websocket 자바스크립트 클라이언트 구현?
0
361
1
메세지 리액션 : 좋아요. 질문 드립니다.
0
359
1
채팅 로비에서 유저수 노출을 위하여
0
323
1
채팅방에서 마지막 유저가 나가면 채팅방 자동 삭제 질문드립니다.
0
431
1
동기방식의 consumer 클래스와 비동기방식의 consumer클래스의 차이가 뭔지 궁금합니다.
0
425
1
라이브러리 인식
0
414
2