在聊天中显示“现在打字”

时间:2013-08-24 00:28:56

标签: javascript jquery html5 javascript-events chat

我希望尝试在我的聊天中显示“按用户名读取”确认。我考虑过的最好的想法是通过鼠标移动触发读取确认,如果鼠标在消息发送后移动,则已经读取。

所以我决定尝试为事件编写触发器:

document.onmousemove = function() {}

就事件触发而言,这真的是我所能产生的一切。

将阅读对话框发布到聊天中的代码如下:

channel.event_queue(
            "chat",
            {"object": {"message": "Read by" + userName}}
        );

就是这样。如果有任何方法设置第二个事件或一些额外的变量,以便读取下一条消息将删除当前的读取确认,那么我将被设置。

我希望在下一个消息发送后消息消失,'read'不应该留在对话中,这是我画了一个空白的地方。

将这两者放在一起是我运气不好的地方,我的JavaScript经验非常渺茫。

1 个答案:

答案 0 :(得分:0)

您可以使用addEventListener方法绑定多个事件,如:

document.addEventListener('mousemove',function (e) {/** Logic here **/});

请注意,事件名称的编写没有" on"前缀在这里。

不太清楚你的问题是删除" Read by bla"文本,当您收到新消息时,只需删除该通知文本。