Come impostare lo stato attivo quando ci sono molte caselle di testo che usano jquery?

Question

Desidero impostare lo stato attivo su textbox quando faccio clic sulla casella di testo. Ho provato il codice qui sotto, ma non sto ottenendo come previsto.

$('#txtDate').focus(); 

Grazie in anticipo.

Answer 1

Ciò funzionerà

$('input').click(function() { 
    $(this).focus(); 
}) 

Answer 2

Demo

Usa Document.ready Prova questa ..

$(function(){ 
    $("#txtDate").focus(); 
    }); 

Answer 3

scrivere il codice in funzione di pronto documento

$(document).on('ready', (function() { 
    $('#txtDate').focus(); 
})); 

Dovrebbe funzionare ..

oppure si può scrivere come nel documento pronto

document.getElementById("txtDate").focus(); 

Answer 4

scrittura utilizzando la funzione jQuery come

$(function(){ 
    $("#txtDate").focus(); 
    }); 

o se anche non funziona allora prova

$(function(){ 
     $(document.getElementById("txtDate")).focus(); 
     }); 

Answer 5

Funzionerà:

$('input[type="text"]').click(function() { 
    $(this).focus(); 
}) 

Answer 6

La tua domanda non è completamente chiara. Ma la risposta seguente potrebbe avere senso per te. E scrivi un CSS come sotto.

JS------ 
$('input').focus(function() 
    $(this).addClass("focus"); 
}); 

CSS---- 
.focus { 
    border: 2px solid #AA88FF;//This you can set any color you want 
    background-color: #FFEEAA;//This you can set any color you want 
}