javascript - 由于 webkit 自动填充，无法在输入中键入

Question

我到处搜索这个问题的解决方案，我有一个登录表单，允​​许用户在输入中输入，如果他们是第一次登录但如果他们之前登录过并且自动完成被打开在输入字段中单击并编辑它们是不可能的。我在它们上面看到了“不能输入”光标符号。这只发生在 Chrome 中。

这不会发生在本地，只会发生在我的暂存站点上，这也令人担忧，因为它们之间没有区别(就 html、css 和 js 文件而言)。

我已经尝试了在这里找到的各种修复方法，例如将 autocomplete="off" 添加到我的输入标签中。还尝试了这段 js，它是 XHTML 文档类型的解决方法:

if (document.getElementsByTagName) 
{
    var inputElements = document.getElementsByTagName('input');

    for (i=0; inputElements[i]; i++) 
    {
        if (inputElements[i].className && (inputElements[i].className.indexOf('disableAutoComplete') != -1)) 
        {
            inputElements[i].setAttribute('autocomplete','off');
        }
    }
}

还有这个

if ($.browser.webkit) 
{
    $('input[name="password"]').attr('autocomplete', 'off');
}

我最接近解决这个问题的方法是，如果我检查输入并将其位置更改为绝对/固定，它会破坏自动完成，然后如果我将定位改回相对位置，我就可以输入，但显然这不是真正的解决方案它只是表明自动填充/自动完成是问题所在。非常感谢任何帮助。

Answer 1

我之前遇到过同样的问题，这肯定是 webkit 的自动填充功能引起的。通过删除整个表单并现在使用 javascript 序列化器作为表单处理器来解决。这比搞乱浏览器标准更容易。