Автофокус (даже фокус) на всплывающей странице? - PullRequest
3 голосов
/ 13 февраля 2012

После многих попыток я обнаружил, что независимо от того, что я делаю:

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

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

Я даже использовал скрытую кнопку, которая фокусировалась на нем, и я программно нажимал на нее, и она не будетдаже сосредоточиться на этом на всплывающей странице, и это сводит меня с ума .Я проверял код много раз и не смог найти ни одной ошибки.Поэтому я действительно хочу знать, есть ли реальный возможный способ добиться этого, так как это кажется простой проблемой.

1 Ответ

2 голосов
/ 18 августа 2012

Это больше не проблема для Chrome версии 21. В других последних версиях Chrome эта проблема также может быть решена .


Пример

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

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...