javascript - 谷歌浏览器扩展弹出打开事件和焦点，模糊事件

Question

我尝试了许多技巧和正常的东西来尝试使这项工作，但没有一个奏效。我正在尝试检查 Google Chrome 扩展程序的弹出窗口何时打开以及输入元素何时变得模糊或集中。我尝试过 jQuery 和香草 Javascript，但无济于事。

document.getElementById('username').onblur = function() {
    alert('Blurred');
};

当 id 为“username”的元素变得模糊时，这不会做任何事情，onfocus 也是如此。内联标签也不起作用。

document.onload = function() {
    alert('Loaded');
};

这仅在我不想要的扩展重新加载时加载。我尝试了其他一些技巧，但都没有任何结果。

Answer 1

I have found a way to check for onblur, here is the code:

document.addEventListener('DOMContentLoaded', function() {
    document.querySelector('input').addEventListener('blur', blurHandler);
});

function blurHandler() {
    alert('This will appear when an input gets blurred.');
}

Place this in your popup.js file in order to make it work, more information can be found here.