[错误] 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