使用 javascript 设置文本字段的值

debugcn 发表于 Dev

约翰

我正在创建一个自动填充电子邮件的 Safari 扩展。我设法让它工作，但在某些网站上，文本字段似乎由值填充，但是当网站尝试获取该值时，它什么也得不到。

为了澄清起见，我的代码适用于例如 Facebook、Github、Stackoverflow 等。但它不适用于例如 developer.apple.com、www.back4app.com、Microsoft 等。

我试图查看 safari 中钥匙串的自动填充功能，这显示了在 HTML 标签中实际填充的电子邮件。这不会发生在我的代码中。但是电子邮件始终填写在您在网页上看到的文本字段中。

function handleMessage(event) {
    var arguments = event.message;    

    var emailStr = arguments["Email"];

    var nameInputs = document.getElementsByTagName('input');

    for (var i = 0; i < nameInputs.length; i++) {
        var theFieldName = nameInputs[i].name.toLowerCase();
        var theFieldType = nameInputs[i].type.toLowerCase();

        if (theFieldName.indexOf("email") !== -1) {
            if (!(emailStr === undefined)) {
                nameInputs[i].value = emailStr;
                filledInEmail = 1;
            }
        }
        else if (theFieldType.indexOf("email") !== -1) {
            if (!(emailStr === undefined)) {
                nameInputs[i].value = emailStr;
                filledInEmail = 1;
            }
        }
    }
}

库布维马纳·阿德里安

我猜这些网站正在监听输入更改事件。试试这个：

function handleMessage(event) {
    var arguments = event.message;    

    var emailStr = arguments["Email"];

    var nameInputs = document.getElementsByTagName('input');

    for (var i = 0; i < nameInputs.length; i++) {
        var theFieldName = nameInputs[i].name.toLowerCase();
        var theFieldType = nameInputs[i].type.toLowerCase();

        if (theFieldName.indexOf("email") !== -1) {
            if (!(emailStr === undefined)) {
                nameInputs[i].value = emailStr;
                nameInputs[i].dispatchEvent(new Event('change'));//trigger change event
                filledInEmail = 1;
            }
        }
        else if (theFieldType.indexOf("email") !== -1) {
            if (!(emailStr === undefined)) {
                nameInputs[i].value = emailStr;
                nameInputs[i].dispatchEvent(new Event('change'));//trigger change event
                filledInEmail = 1;
            }
        }
    }
}

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。