Kann nicht setzen, um Eingang in chrome-Erweiterung

Aus irgendeinem Grund kann ich nicht setzen Sie den Fokus auf eine texbox ich habe in meinem popup.html. Hier ist, was ich bisher ausprobiert habe:

popup.html:

<input type="text" id="textbox" name="aName" value="" placeholder="blah" />

popup.js:

//Attempt 1
$(function() {      
    $('#textbox').focus();
});

//Attempt 2
setTimeout(function() { $('#textbox').focus(); }, 1000);

Ich habe auch versucht ohne javascript, nur die Autofokus-Eigenschaft:

<input type="text" id="textbox" name="aName" value="" placeholder="blah" autofocus />

Aber keiner von diesen hat funktioniert... Irgendwelche Ideen?

Hinweise:

  • popup.js wird aufgerufen, wenn ich die Konsole.log() bekomme ich die Ausgabe
  • Das popup ausgelöst wird durch ein Symbol haben wir neben der omnibar (default_icon)
InformationsquelleAutor epzee | 2012-07-05
  1. 3

    Dieser code funktioniert bei mir, versuchen Sie es, es ist ein workaround

    <!DOCTYPE >
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Sample Extens</title>
</head>
<body style="padding: 0px; margin: 0px;" >
    <script type="text/javascript" language="javascript">
        if (location.search !== "?foo") {
            location.search = "?foo";
            throw new Error;  //load everything on the next page;
            //stop execution on this page
        }
    </script>

    <div id="Def">
        <input type="text" id="textbox" name="aName" value="" placeholder="blah" />
        <script type="text/javascript" language="javascript">
            document.getElementById("textbox").focus();
        </script>
    </div>
</body>
</html>

    Kann nicht setzen, um Eingang in chrome-Erweiterung

    • Wenn ich js-code in der html bekomme ich diese Fehlermeldung: "Verweigert das ausführen von inline-script, weil der Content-Security-Policy". Wenn ich es in popup.js es funktioniert nicht... Sind Sie für das festlegen einer speziellen Genehmigung, die im manifest?
    • Dies ist mein Manifest, { "name": "test", "version": "1.1", "description": "testttt", "browser_action": { "default_title": "testttt testttt", "default_icon": "128.ico", "popup": "testttt.html" }, "icons": { "16": "16.ico", "48": "48.ico", "128": "128.ico" }, "permissions": [ "http://*.testttt.com/*" ] }
    • Wenn Sie Ihre manifest-version 2 können Sie nicht starten Sie das Skript in den html-Code. Es hat bezogen werden, in der aus einer anderen Datei. Tarek Beispiel ist manifest-version 1.1
    InformationsquelleAutor Tarek El-Mallah
  2. 3

    Hatte ich das gleiche problem. Ich glaube, ich war in der Lage, um es zu arbeiten, indem eine explizite tabindex auf der input-wie tabindex=1

    Bitte geben Sie einen Versuch und lassen Sie mich wissen, wenn es funktioniert.

    Update

    Habe ich ein sehr einfaches Beispiel, das für mich funktioniert. Ich bin mit Chrome 19 auf Linux.

    manifest.js

    {
"name": "Auto 'focus'",
    "version": "1.0",
    "manifest_version": 2,
    "description": "An extension to test setting focus",
    "browser_action": {
        "default_icon": "icon.png",
        "default_popup": "popup.html"
    }
}

    popup.html

    <!doctype html>
<html>
  <head>
  </head>
  <body>
    <a href="#">Link</a>
    <input type="text" id="foo" tabindex="1" />
  </body>
</html>

    Ohne die tabindex="1" liegt der Fokus zunächst auf den Link. Mit tabindex="1" Fokus auf das input-element

    • Hmmm ich weiß, ich hatte dieses problem und es behoben irgendwie. Ich werde schauen, wenn ich wieder zur Arbeit am Montag.
    • Ich aktualisiert meine Antwort mit einem einfachen Beispiel, was für mich gearbeitet. Ich weiß nicht, warum es nicht funktionieren würde in deiner extension. Danke.
    • Danke, aber es funktioniert immer noch nicht. Ich habe versucht mit chrome 20 in win 7
    InformationsquelleAutor jcbwlkr
  3. 2

    Endlich, was ich verwendet habe, ist dies:

    popup.html:

    <input type="text" id="textbox" name="aName" value="" placeholder="blah" autofocus />

    popup.js:

    $(function() {              
    if (location.search != "?focusHack") location.search = "?focusHack";
});

    Dank Tarek El-Mallah und PAEz!!!

    • Ahh, nice one... Das war 1 Stunde, ich werde nicht zurück bekommen... :-\
    InformationsquelleAutor epzee
  4. 1

    Tarek El-Mallah ' s Methode der laden der pop-up funktioniert, ist es gerade nicht für Sie arbeiten, wie Ihr mit manifest_version : 2 und inline-scripts nicht erlaubt sind...

    http://code.google.com/chrome/extensions/manifestVersion.html

    Auch dies ist ein bekanntes Problem....

    http://code.google.com/p/chromium/issues/detail?id=111660

    Folgende ist eine version, die funktioniert für manifest_version : 2.....

    manifestieren.json 

    {
  "name": "Browser Action PopUp focus/tab test",
  "version": "1.0",
  "description": "A test to show that on opening a popup you cant set focus and the tab index is not honored on the first select.  See, http://stackoverflow.com/questions/9070727/tab-key-not-working-in-popup-in-chrome-extension.",
  "browser_action": {
      "default_title": "Browser Action PopUp focus/tab test.",
      "default_icon": "icon.png",
      "default_popup": "popup.html"
  },
  "manifest_version" :2
}

    popup.html 

    <html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <script src="popup.js"></script>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Sample Extens</title>
</head>
<body style="padding: 0px; margin: 0px;" >
    <div id="Def">
        <input type="text" id="textbox" name="aName" value="" placeholder="blah" />
    </div>
</body>
</html>

    popup.js 

    if (location.search !== "?foo") {
    location.search = "?foo";
    throw new Error; //load everything on the next page;
    //stop execution on this page
}

function onLoad() {
    document.getElementById("textbox").focus();
}

window.onload = onLoad;
    InformationsquelleAutor PAEz
  5. 0

    Versuchen Sie dies:

     autofocus="autofocus"

    Können Sie auch versuchen Sie dies:

    setTimeout(
    function() { 
        if(location.search !== "?aName") {
           location.search = "?aName";
           throw new Error; 
        }
    }, 1000);
    InformationsquelleAutor Alex Kelly
Schreibe einen Kommentar