textarea 空函数

Question

当他的文本区域为空时，是否有办法在聊天中实现“另一个用户没有打字”，而当文本区域至少有一个字符时，“另一个用户正在打字”？

首先，我想通过每 2 秒检查一次用户是否正在按键来实现这个“正在输入”功能，但我意识到这会使聊天速度太慢。当文本区域不为空（用户正在输入）并且为空时，它是一种提取信息的简单方法 - 什么都不做。

谢谢。

Answer 1

在第一个keyup 发送“正在输入”消息，并在10 秒左右后使用window.setTimeout 发送“未输入”消息。取消并重新安排每次按键时的 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);