检测浏览器的自动填充何时打开

Question

有伪类（ :-webkit-autofill等）用于选择已自动填充的输入，但是是否有选择器或其他解决方案来检测浏览器的自动填充下拉菜单何时打开？

我希望我可以在浏览器提供自动填充时更改我自己的自动完成下拉列表的位置，否则它们会重叠，即。 当浏览器的自动填充打开时，将我自己的自动完成列表放在输入上方，否则将其显示在元素下方。

我知道我可以完全禁用自动填充，但我宁愿不这样做。 我唯一的其他选择是让我自己的自动完成总是出现在元素上方吗？

这个问题被建议为重复。 这个问题问“你如何判断浏览器是否自动填充了文本框？” 而我的问题是“您如何判断浏览器的自动填充下拉菜单何时打开？” 没有一个答案可以解决我的问题。

由于我的意图似乎有点难以解释，下面是我的意思的图片：

我想要做的是检测是否自动填充下拉菜单，即。 带有模糊文本的框，当前是否打开。 所有建议的答案都涉及检测用户何时实际选择（或悬停在）列表中的某些内容。

在图中所示的情况下，下拉列表已打开但未选择任何内容，对伪选择器的轮询不返回任何内容。

Answer 1

这取决于。 如果您使用这样的机制http://oaa-accessibility.org/example/10/有一个与窗口打开相关的事件。 否则，如果您想遵循标准 HTML，则严格取决于浏览器正在访问的网页，如以下链接所述： http : //avernet.blogspot.in/2010/11/autocomplete-and-javascript-change。 .html 第三个解决方案，但部分，是侦听触发自动填充窗口打开的相同按键情况。 我的意思是当一个元素被聚焦时，输入、向上箭头、向下箭头、空格键时的“keyup”。