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

Question

有:-webkit-autofill用于选择已经自动填充的输入的伪类(等),但是有没有选择器或其他解决方案来检测浏览器的自动填充下拉列表何时打开？

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

我知道我可以完全禁用自动填充功能,但我不愿意.我唯一的另一个选择是让我自己的自动完成始终出现在元素上方吗？

这个问题被建议为重复.那个问题问"如何在浏览器中自动填充文本框？" 而我的问题是"你怎么知道浏览器的自动填充下拉列表何时打开？" 这些答案都没有提供我的问题的解决方案.

由于我的意图似乎有点难以解释,这是我的意思的图片:

我要做的是检测自动填充下拉列表,即.文本模糊的框目前是否开放.所有建议的答案都涉及检测用户何时实际选择(或悬停)列表中的某些内容.

在图像中显示的情况下,下拉列表打开但未选择任何内容,轮询伪选择器不返回任何内容.

Answer 1

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