Kann ich den Autofokus auf ein element mit contenteditable?

Ich bin mit der contenteditable - Attribut auf eine <div> um Sie als ein text-Feld auf die Nachfrage (für Benutzer umbenennen so). Aber ich möchte die aktivieren autofocus auf Sie als gut, so dass Benutzer können mit der Eingabe beginnen sofort (die <div> hat immer contenteditable aktiviert zunächst).

Ist diese gültig und/oder möglich? Oder muß ich wechseln, um eine standard-text-Eingabe?

InformationsquelleAutor daGUY | 2012-07-13

  1. 13

    Du musst es tun, mit JavaScript in den meisten Browsern, denke ich. Und es wird nicht funktionieren auf iOS, die nur ermöglicht die programmgesteuerte Verwendung von focus() in einem event-handler eine echte Interaktion mit dem Benutzer (wie eine click oder touch-Veranstaltung).

    Beachten Sie auch, dass wenn es noch andere Eingänge auf der Seite, ist es möglich, die user können sich auf einer von denen, bevor das Dokument vollständig geladen wurde, in dem Fall ist es dann sehr ärgerlich für den Benutzer zu finden, hat sich der Schwerpunkt verschoben worden, unter Ihnen, wenn die load Ereignis nicht Feuer, so sollten Sie die Eingänge' focus Veranstaltungen zu verfolgen.

    <div contenteditable="true" id="editable"></div>

<script type="text/javascript">
    window.onload = function() {
        document.getElementById("editable").focus();
    };
</script>
    Wenn Sie den Autofokus-HTML5 Attribut beginnt die Unterstützung contenteditable Elemente, dann könnte eine bessere Lösung sein. Aber derzeit funktioniert es nur mit Formular-Elementen: developer.mozilla.org/en-US/docs/Web/HTML/...
    Eigentlich brauchen Sie nicht onload für focus.

    InformationsquelleAutor Tim Down

  2. 2

    Für zukünftige Zuschauer:

    Ich glaube, ich kann eine etwas elegantere Lösung.

    $(window).on("load", function() {
  $("[autofocus]").focus();
});

    So, sobald die Seite geladen... BAM jQuery konzentriert sich auf das element, das "autofocus" - Attribut!

    Könnten Sie spielen, um mit dem selector, um genau das bekommen, was Sie wollen.

    InformationsquelleAutor johnchinjew

Schreibe einen Kommentar