Haga clic en <div> centrarse <input>

Tengo una serie de input elementos cada uno con un par de <div> etiquetas separadas.

Me gustaría tener si donde puedo click en cualquiera de los <div> y se focus en un input.

Es esto posible y si es así ¿alguien puede dar ideas sobre el guión?

  • Es posible, sin embargo, han considerado el uso de labels? Creo que no deberías depender de JavaScript para cosas simples como esta, cuando no se dedican etiquetas HTML para ese propósito.
InformationsquelleAutor Erik | 2012-04-15

5 Kommentare

  1. 27

    No veo una razón por la que usted necesita JS hacer esto cuando dicha característica ya está disponible en HTML.

    <label for="YOURID">The clickable region<label>
    <input id="YOURID" type="text" />
    • Esto es exactamente lo que estaba buscando! Gracias
  2. 15

    Intente esto :

    <input id="myInput" />
    <div onclick="document.getElementById('myInput').focus(); return false;"></div>
    • el div en este ejemplo no es click-capaz, ya que no tiene dimensión.
    • Aunque tienes razón, nos acaba de dar un ejemplo…
    • Gracias, es justo lo que estaba buscando. buena propina.
  3. 5
    $('div').click(function() {
        $(this).find('input[type="text"]').focus();
    });​

    LIVE DEMO

    • Como esta sobre las otras soluciones como esta es más genérico y utiliza discreta JS.
    • Gracias por la cálida comentarios! Me gustó demasiado como yo lo escribí… 🙂 LOL

Kommentieren Sie den Artikel

Bitte geben Sie Ihren Kommentar ein!
Bitte geben Sie hier Ihren Namen ein

Recent Articles

Python «set» con duplicados/elementos repetidos

Hay una forma estándar de representar un "conjunto" que puede contener elementos duplicados. Como yo lo entiendo, un conjunto tiene exactamente un cero o...

Python: generador de expresión vs rendimiento

En Python, ¿hay alguna diferencia entre la creación de un generador de objetos a través de un generador de expresión versus el uso de...

Cómo exportar/importar la Masilla lista de sesiones?

Hay una manera de hacer esto? O tengo que tomar manualmente cada archivo de Registro? InformationsquelleAutor s.webbandit | 2012-10-23

no distingue mayúsculas de minúsculas coincidentes en xpath?

Por ejemplo, para el xml a continuación <CATALOG> <CD title="Empire Burlesque"/> <CD title="empire burlesque"/> <CD...