[错误] page-agent 仅点击多层头像元素的最外层,导致点击无效

作者: MoonBambi创建于 2026年9月10日更新于 2026年9月14日
发生了什么事? 一些类似阿凡达的元素有多层. 页面代理只点击最外层,所以点击没有效果。 下面我提供了一个可复制的HTML实例。 (原始内容存档于2018-10-21) (英语). QQ, 有多个层级, page-agent 只会点击最外层, 导致点击无效。我在下面提供了复现的.html. * 如何复制/* * !doctype html > (中文(简体) ). (中文(简体) ). repro: QQ/title> (中文(简体) ). < style> (英语) 车体{ 边距: 40px; 字体 : 14px/1.6 系统-ui, 圣女神灵; {\fn黑体\fs22\bord1\shad0\3aHBE\4aH00\fscx67\fscy66\2cHFFFFFF\3cH808080}你觉得呢? / * Cursor:指针 * * * * * 边( avatar { 宽度: 40px; 高度:40px; Cursor:指针; {\fn黑体\fs22\bord1\shad0\3aHBE\4aH00\fscx67\fscy66\2cHFFFFFF\3cH808080}你觉得呢? .avatar img box { (中文(简体) ). 宽度:100%; 高度:100%; {\fn黑体\fs22\bord1\shad0\3aHBE\4aH00\fscx67\fscy66\2cHFFFFFF\3cH808080}你觉得呢? 图像Svg { 宽: 24px; 高度: 24px; 高度: 显示:块; {\fn黑体\fs22\bord1\shad0\3aHBE\4aH00\fscx67\fscy66\2cHFFFFFF\3cH808080}你觉得呢? # 菜单 # 显示:无; 边距: 12px 0; 粘贴: 8px 0; 宽:160px; 列表样式: 无; 边框: 1px 固态 #ddd; 边界辐射: 6px; {\fn黑体\fs22\bord1\shad0\3aHBE\4aH00\fscx67\fscy66\2cHFFFFFF\3cH808080}你觉得呢? #菜单.show # 显示:块; {\fn黑体\fs22\bord1\shad0\3aHBE\4aH00\fscx67\fscy66\2cHFFFFFF\3cH808080}你觉得呢? # 菜单li # a. 垫:6px 12px; {\fn黑体\fs22\bord1\shad0\3aHBE\4aH00\fscx67\fscy66\2cHFFFFFF\3cH808080}你觉得呢? </样式> </头 > 单体 <div class='add avatar'> (中文(简体) ). <div class="avatar img box" id="avatar ImgBox" (中文(简体) ). < div> (中文(简体) ). <svg class="imageSvg""><use href="#icon-avatar""></用></svg" </div> (中文(简体) ). </div> (中文(简体) ). </div> (中文(简体) ). <ul id="菜单" [li>个人信息</li] [li>退出</li] </ul> (法语) <svg 宽度="0"高="0". < symbol id="icon-avatar" 视图Box="0 0 24 24" cx=""12" cy="8" r="4" / >. <path d='M4 22c0-4.4 3.6-8 8-8s8 3.6 8z' / > 维基百科中的相关条目: 维基语录链接:名人名言 - 文学作品 - 谚语 </同义词> </svg> (法语) 脚本 > // 点击处理器生活在内框上, 而不是在. aside avatar 文档. get ElementById ('avatar ImgBox').ad EventListener ('点击', () {{{{{} 文档.get ElementById('menu'). classList.toggle('show') 页面存档备份,存于互联网档案馆 ) (中文(简体) ). </script> (简体中文) </机构> </html > `(a). ` 翻译: 1.1.2.4 国家 QQ 浏览器 152.0.7977.83 (英语). 提交前 - 我会礼貌地尊重你 / . - 我读过《行为守则》 - [x] 我已经搜索了现有的问题, 这不是重复.

内容来源: alibaba/page-agent