[Jquery]Focus su campo input appena creato col dom

angel

Utente Attivo
2 Nov 2009
109
0
0
Ciao a tutti, sapete dirmi come posso intercettare l'evento focus su un campo input creato col dom? :D
 

alessandro1997

Utente Attivo
6 Ott 2009
5.302
1
0
26
Roma
alessandro1997.netsons.org
Come faresti normalmente. Basta che gli assegni un ID valido:
HTML:
<!doctype html>
<html>
    <head>
        <title>Prova</title>
        <meta charset="utf-8" />

        <script src="http://code.jquery.com/jquery-1.8.0.min.js"></script>
        <script>
            $(function() {
                $("body").append('<input type="text" id="prova" />');
                $("#prova").focus(function() {
                    alert("focus");
                });
            });
        </script>
    </head>

    <body>
    </body>
</html>
 

angel

Utente Attivo
2 Nov 2009
109
0
0
Ti spiego cosa devo fare:
PHP:
<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script>
var e = 0;
    
function Make_input(nr,el){
for(var c=0;c<nr;c++){ e++;
$('#'+el).append('<input type="text" class="miaclasse" id="btn_'+e+'" value="btn_'+e+'"><br>');
}}
    
$(document).ready(function(){

Make_input(3,'s');        
$(document).click(function(event){
if(e < "10"){
var tgt = $(event.target);
if($(tgt).hasClass('miaclasse')){
if($(tgt).attr('id') == 'btn_' + e){
Make_input(1,'s');
}}}});

});    
</script> 
</head>
<body>

<div id="s"></div>

</body>
</html>

1)All'inizio ho 3 campi input cliccando sull'ultimo campo dovrebbe creare un nuovo campo
2)Quando clicca sull'ultimo campo cioè quello appena creato, dovrebbe creare un nuovo campo e cosi via, fino ad un massimo di 10 campi

Io vorrei fare che la stessa cosa avvenisse anche applicando l'effetto focus sull'ultimo campo, che sarebbe quello creato per ultimo. :)
 

criric

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
21 Ago 2010
5.607
54
48
TN
Se non ho capito male puoi provare cosi:
aggiungi alla function Make_input() il focus sul campo appena creato
Codice:
function Make_input(nr,el){
                for(var c=0;c<nr;c++){ e++;
                    $('#'+el).append('<input type="text" class="miaclasse" id="btn_'+e+'" value="btn_'+e+'"><br>');
                    $('#btn_'+e).focus();
                }}
 

angel

Utente Attivo
2 Nov 2009
109
0
0
Non voglio fare il focus sul campo, ma voglio fare in modo che il nuovo campo venga creato anche quando faccio il focus sull'ultimo campo...
 

alessandro1997

Utente Attivo
6 Ott 2009
5.302
1
0
26
Roma
alessandro1997.netsons.org
Se ho capito bene vuoi fare questo:
HTML:
<!doctype html>
<html>
    <head>
        <title>Prova</title>
        <meta charset="utf-8" />

        <script src="http://code.jquery.com/jquery-latest.js"></script>
        <script>
            function applyHandler()
            {
                $(".campo").unbind("focus");
                $(".campo").last().focus(function() {
                    createField();
                });
            }

            function appendInput()
            {
                $("#contenitore").append('<input type="text" class="campo" /><br />');
            }

            function createField()
            {
                appendInput();
                applyHandler();
            }

            $(function() {
                createField();
            });
        </script>
    </head>

    <body>
        <div id="contenitore">
        </div>
    </body>
</html>
Cerca di adattare l'esempio.
 
Discussioni simili
Autore Titolo Forum Risposte Data
D Jquery - modifica elemenento onlick jQuery 1
E Problema jquery Success jQuery 2
R jquery che cambia css di un elemento non mi funziona sulla pagina caricata da ajax Ajax 5
E PHP & jQuery PHP 8
P jquery refresh div non funziona Javascript 0
P lanciare script asp (o php) da jquery Javascript 1
T aiuto per trasformare un quiz fatto in JS in un quiz in JQUERY jQuery 0
Z CSS Slideshow senza JS e JQUERY HTML e CSS 2
Z CSS Slideshow senza JS e JQUERY HTML e CSS 2
MarcoGrazia Validazione remota tramite plugin (jquery validate) Snippet Javascript 0
M Come selezionare e deselezionare radiobutton con jquery jQuery 1
M Come validare textarea con jquery jQuery 0
R Aggiornare record mysql con Ajax, jQuery e php Ajax 2
P Funzione jQuery Ajax invio file a php jQuery 1
Cosina Menu fisso copre i titoli quando cliccati nel sommario jQuery Javascript 4
MarcoGrazia jquery validate() controllo checkbox jQuery 2
D assegnare risultato di una jquery ad una text Javascript 2
felino [JQuery] Append dopo ultimo ul li del primo livello jQuery 2
A php metodo post jquery non da mai errore jQuery 4
T problema con select dinamica con jquery Javascript 0
P jquery .load jQuery 10
E Div che scompare con scroll jquery Javascript 0
T script jquery non funziona più dopo il passaggio a MVC jQuery 5
B jQuery - hide & show li items jQuery 13
Y jQuery Animation Switch On Off jQuery 0
claudio_lorenzo [Javascript] aiuto su jquery per calcolo altezze dom Javascript 1
O [Javascript] Conflitto Jquery: forse... Javascript 0
MarcoGrazia jquery validate, necessità di validare almeno un elemento select su due jQuery 1
M inserire i dati ottenuti da una jquery in una tabella già esistente jQuery 1
D Jquery, conflitto tra loro risolvibile? jQuery 7
M Filtrare risultati con valori checkbox passati con jquery jQuery 2
Tommy03 Variabile PHP dentro a JQuery PHP 3
L Problema jQuery validation AJAX (PHP 7) PHP 6
G Campo HTML input file con jQuery jQuery 0
P Jquery event nel foreach php jQuery 3
M leggere con jquery/ajax in una function javascript record di database sql server Javascript 0
A [Javascript] Ajax, Jquery e PHP Javascript 1
trattorino Mentions Auto Suggesting da jquery a php PHP 2
X Problema con jquery e ajax jQuery 2
G Inserzione script nella pagina html per jquery jQuery 8
MarcoGrazia Validazione forum con jquery.validate jQuery 2
Shyson Smoot scrolling jQuery nella pagina jQuery 0
felino [Javascript] [jQuery] Slick Carousel: visualizzare una porzione dell'immagine successiva Javascript 0
L Scelta form con jquery jQuery 1
F [Javascript] Aprire file tramite jquery Javascript 0
R Aiuto Jquery jQuery 1
G [HTML] Jquery e tooltipster's jQuery 5
I Jquery fadeout-fadein html data jQuery 0
trattorino Estrarre Nome Utente jquery div php PHP 9
L jquery e json controllo valori da determinate chiavi - keys jQuery 0

Discussioni simili