谷歌Chrome浏览器扩展弹出事件和焦点,模糊事件

时间:2013-08-10 21:19:02

标签: javascript google-chrome google-chrome-extension

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

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

当id为“username”的元素变得模糊时,这不起作用,同样是onfocus。内联标签也不起作用。

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

仅在重新加载扩展程序时加载,这是我不想要的。我尝试过其他一些技巧,但所有这些技巧都没有结果。

1 个答案:

答案 0 :(得分:1)

我找到了检查onblur的方法,这里是代码:

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

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

将其放在popup.js文件中以使其正常工作,可以找到更多信息here