Javascript Chrome扩展无法集中于输入元素

我正在写一个基本的起始页chrome扩展，它有一个搜索栏，可以自动聚焦页面加载。现在，通常我只需在HTML页面的输入元素上使用“autofocus”属性。然而，由于Chrome扩展不允许在扩展的HTML页面中使用这种或内联javascript，我不得不将代码移到外部javascript文件中

所以我的HTML看起来像这样：

<form id="slot2form" method="get" action="http://www.google.com/search" target="_blank" onsubmit="closetab()">
            <input id="slot2input" name="q" type="text" class="search" placeholder="temporary"></input>
        </form>

closetab（）和.gCalFlow部分工作得非常好。但是，如果页面是作为chrome扩展加载的，我无法让slot2input元素在页面加载时获得焦点

有没有其他方法可以让我专注于这个元素，或者我只是错过了一些显而易见的东西

---

编辑：我已经尝试从等式中删除其他Java脚本，在测试中只留下listeners.js。然而，我仍然收到同样的问题：没有关注DOMContentLoaded。我在这里几乎走到了尽头。我的chrome或操作系统版本会有任何影响吗？

更改顶级侦听器中语句的顺序。使焦点语句成为第二个语句。我认为焦点被第二句话移除了；不幸的是，我在扩展中使用了jquery，它工作得很好。我还将删除“自动对焦”属性，然后再试一次。我已经删除了“自动对焦”和愚蠢的占位符文本，但是代码仍然无法按预期运行。我已经用适当的jquery调用替换了javascript调用。我马上会更新主要帖子来展示。但是，输入字段仍然没有集中在页面加载BTW上，这里的

autofocus

属性在没有任何附加js代码的情况下正常工作。你能发布整个popup.html和js吗（如果是大的，可以在评论中链接到pastie.org）？

document.addEventListener("DOMContentLoaded", function(event) {
    $('#slot3').gCalFlow({
        calid: calConfig.calid,
        maxitem: 3
    });
    $('#slot2input').focus();
});

document.addEventListener("submit", function closetab() {
    setTimeout(function() {
        close();
    }, 1);
});