空のテキストエリアの機能

Question

テキストエリアに少なくとも1つの文字が含まれていると、そのテキストエリアが空で「他のユーザーが入力している」ときに「他のユーザーは入力していません」というチャットで実装する方法はありますか？

まず、ユーザーがキーを押しているときに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);