迁移消息用户名点击委托

This commit is contained in:
2026-04-25 11:03:40 +08:00
parent c44c8198d2
commit 6cb63a98e2
2 changed files with 112 additions and 54 deletions
@@ -43,33 +43,6 @@
const hoverTooltip = document.getElementById('chat-hover-tooltip');
let activeTooltipTrigger = null;
// ── 消息区:手机端双触发打开用户名片(PC 端靠 ondblclick 内联属性)──
// span[data-u] 由 clickableUser() 生成,touchend 委托至容器避免每条消息单独绑定
(function _bindMsgDoubleTap() {
let _lastTapTarget = null;
let _lastTapTime = 0;
/** touchend 委托处理函数 */
function _onMsgTouch(e) {
const span = e.target.closest('[data-u]');
if (!span) return;
const now = Date.now();
if (span === _lastTapTarget && now - _lastTapTime < 300) {
e.preventDefault();
openUserCard(span.dataset.u);
_lastTapTarget = null;
_lastTapTime = 0;
} else {
_lastTapTarget = span;
_lastTapTime = now;
}
}
// 两个聊天容器(公屏 + 包厢)都绑定
[container, container2].forEach(c => {
if (c) { c.addEventListener('touchend', _onMsgTouch, { passive: false }); }
});
})();
let onlineUsers = {};
// 暂时暴露给已迁移的手机抽屉 Vite 模块读取,后续在线名单整体迁移后可移除。
window.onlineUsers = onlineUsers;
@@ -2357,15 +2330,16 @@
return false;
};
// 用户名(单击切换发言对象,双击查看资料;系统用户或游戏标签仅显示文本
// 用户名(单击切换发言对象,双击查看资料;事件委托已迁至 Vite right-panel.js
const clickableUser = (uName, color) => {
const safeName = escapeHtml(uName);
if (uName === 'AI小班长') {
return `<span class="msg-user" data-u="${uName}" style="color: ${color}; cursor: pointer;" onclick="switchTarget('${uName}')" ondblclick="openUserCard('${uName}')">${uName}</span>`;
return `<span class="msg-user" data-chat-message-user data-u="${safeName}" style="color: ${color}; cursor: pointer;">${safeName}</span>`;
}
if (systemUsers.includes(uName) || isGameLabel(uName)) {
return `<span class="msg-user" style="color: ${color};">${uName}</span>`;
return `<span class="msg-user" style="color: ${color};">${safeName}</span>`;
}
return `<span class="msg-user" data-u="${uName}" style="color: ${color}; cursor: pointer;" onclick="switchTarget('${uName}')" ondblclick="openUserCard('${uName}')">${uName}</span>`;
return `<span class="msg-user" data-chat-message-user data-u="${safeName}" style="color: ${color}; cursor: pointer;">${safeName}</span>`;
};
// 普通用户(包括 AI小班长)用数据库头像,播报类用特殊喇叭图标
@@ -2702,29 +2676,7 @@
window.initChat(window.chatContext.roomId);
}
// 手机端:在公屏(say1)和包厢(say2)容器上注册 touchend 委托
// 检测 300ms 内两次触摸同一 [data-u] 用户名 span,触发 openUserCard
let _msgTapTarget = null;
let _msgTapTime = 0;
['say1', 'say2'].forEach(id => {
const el = document.getElementById(id);
if (!el) { return; }
el.addEventListener('touchend', (e) => {
const span = e.target.closest('[data-u]');
if (!span) { return; }
const uName = span.dataset.u;
const now = Date.now();
if (uName === _msgTapTarget && now - _msgTapTime < 300) {
e.preventDefault();
openUserCard(uName);
_msgTapTarget = null;
_msgTapTime = 0;
} else {
_msgTapTarget = uName;
_msgTapTime = now;
}
}, { passive: false });
});
// 消息区用户名点击/双击/移动端双触发已迁至 Vite 的 right-panel.js 统一委托
});
// ── WebSocket 事件监听 ────────────────────────────