使用JavaScript設置文本字段的值

Question

我正在創建一個可自動填充電子郵件的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;
            }
        }
    }
}

Answer 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;
            }
        }
    }
}