弹出页面中的自动对焦（甚至对焦）？

时间：2012-02-13 19:42:26

标签： javascript google-chrome google-chrome-extension

经过多次尝试，我发现无论我做什么：

function foo(){
     $("input").focus();
}
<body onload="foo();">

<input type="text" autofocus tabindex="1">

我甚至使用了一个隐藏按钮，专注于它，我按照程序点击它，它甚至不会在弹出页面中关注它，它正在驱使我疯狂。我多次检查代码，我找不到一个错误。所以我真的想知道是否有实际的可能方法来实现这一点，因为这看起来就像是一个简单的问题。

1 个答案:

答案 0 :(得分：2)

这不再是Chrome版本21的问题。其他最新版本的Chrome也可能包含issue resolved。

实施例

的manifest.json 

{
    "name": "Stackoverflow Popup Form Focus",
    "manifest_version": 2,
    "version": "0.1",
    "description": "Simple popup with form with form element focused",
    "browser_action": {
        "default_popup": "popup.html"
    }
}

popup.html 

<html>
    <head>
        <style type="text/css" media="screen">
            body { width: 300px; height: 100px; text-align: center; }
        </style>
    </head>
    <body>
        <p>This input should focus when this opens</p>
        Party Input: <input id='party-input'/>
        <script src="popup.js"></script>
    </body>
</html>

popup.js 

document.getElementById('party-input').focus();

运行示例屏幕截图

点击扩展按钮，浏览器窗口打开到exampley.com

enter image description here

示例文件http://mikegrace.s3.amazonaws.com/stackoverflow/popup-form-focus.zip

相关问题
最新问题