javascript - Chrome 存储 - 用户名/密码

Question

我的 chrome 扩展程序有一些问题...我正在尝试保存用户名和密码以在另一个页面上自动填充 - 问题是它不会让我编辑用户名，尽管它完全适用于密码...

为澄清起见，brugernavn = 用户名 - adgangskode = 密码。

弹出窗口

通过 html 弹出窗口激活的 javascript 如下：

用户名：

  window.addEventListener('load', function load(event) {
      chrome.storage.local.get(['brugernavn'], function(result) {
          if (result !== undefined && result.brugernavn !== undefined) {
              document.getElementById('brugernavn').value = result.brugernavn;
    }
});

  document.getElementById('gem').onclick = function() {
    chrome.storage.local.remove('brugernavn');
      chrome.storage.local.set({'brugernavn': document.getElementById('brugernavn').value});
    };
});

密码：

  window.addEventListener('load', function load(event) {
      chrome.storage.local.get(['adgangskode'], function(result) {
          if (result !== undefined && result.adgangskode !== undefined) {
              document.getElementById('adgangskode').value = result.adgangskode;
          }
      });

  document.getElementById('gem').onclick = function() {
    chrome.storage.local.remove('adgangskode');
      chrome.storage.local.set({'adgangskode': document.getElementById('adgangskode').value});
};
  });

所以密码完全有效，但我无法编辑用户名来保存新用户名。

提前致谢。

标签： javascriptformsgoogle-chromegoogle-chrome-extensionaddeventlistener

Answer 1

优化脚本：

/*----STORAGE SAVE----*/
document.addEventListener('keyup', function (event) {

  var getValueBruger = document.getElementById('brugernavn').value;
  var getValueAdgangs = document.getElementById('adgangskode').value;

  storage.set({
    "brugernavn": getValueBruger,
    "adgangskode": getValueAdgangs
  });
});