비어있는 텍스트 영역에 대한 기능

Question

텍스트 영역에 문자가 하나 이상있는 경우 텍스트 영역이 비어 있고 "다른 사용자가 입력 중"인 경우 "다른 사용자는 입력하지 않습니다"라는 채팅을 구현할 수 있습니까?

먼저, 사용자가 키를 누르면 매 2 초마다 확인하여이 "입력"기능을 구현하려고했지만 채팅이 너무 느려지는 것을 깨달았습니다. 텍스트 영역이 비어 있지 않으면 (사용자가 입력하는 경우) 비어있을 때 정보를 가져 오는 간단한 방법입니까?

감사합니다.

Answer 1

처음에는 keyup에 "타이핑 중"이라는 메시지를 보내고 window.setTimeout을 사용하면 10 초 정도 후에 "타이핑하지 않음"메시지를 보냅니다. 모든 키 입력시마다 setTimeout을 취소하고 일정을 변경하십시오. 아래

테스트되지 않은 예 :

var input = document.getElementById('typeeBox'); 
var isTyping = false; 
var timeoutId = 0; 

function stoppedTyping() { 
    isTyping = false; 
    // Send not typing message. 
    // Update db status. 
} 

function startedTyping() { 
    if (!isTyping) { 
     // Send is typing message. 
     // Update db status. 
     isTyping = true; 
     timeoutId = window.setTimeout(stoppedTyping, 10000); 
    } else { 
     window.clearTimeout(timeoutId); 
     timeoutId = window.setTimeout(stoppedTyping, 10000); 
    } 
} 

input.addEventListener('keyup', startedTyping, false);