[RESOLVIDO] inputText com <Enter> no Chrome

5 de julho de 2011 6 respostas

gmmascarin 5 de julho de 2011

Olá Pessoal

Tenho um inputText que realiza uma pesquisa e gostaria de que a tecla disparasse a pesquisa. Para isso utilizei javascript. No i.e e no Firefox funcionou perfeitamente, entretanto estou tendo problemas com o Chrome. Vocês sabem me dizer como posso solucionar esse problema? Existe algum outro método de fazer isso?

Obrigado

<tr:inputText id="PesquisaOcorrencia" columns="25" maximumLength="150" label="Pesquisa: " styleClass="textoNormal" required="false" value="#{sessionBean.chavePesquisaOcorrencia}" onkeyup="if((event.keyCode==13)||(window.event.keyCode==13)){document.getElementById('meusProjetosOcorrencias:btnPesquisar').click(); return false;}" />

<tr:spacer width="10"/>
								
<tr:commandLink id="btnPesquisar" action="success_ocorrencia">
        <h:graphicImage value="/imagens/icon_pesquisa.png" width="24" height="24"/>
</tr:commandLink>

6 Respostas

jokacwb 5 de jul. de 2011

Posta o código HTML gerado no Chrome de repente a gente consegue identificar alguma coisa

dicarte 6 de jul. de 2011

Ao invés de [b][i]event.KeyCode[/i][/b] tente [b][i]event.which[/i][/b]

gmmascarin 6 de jul. de 2011

dicarte, não deu certo. Quando substituo event.KeyCode por event.which não funciona nem no ie e firefox.

sergiom 6 de jul. de 2011

gmmascarin, posta o JS e o HTML, acho que vai facilitar pra resolver…

dicarte 6 de jul. de 2011

Voce precisa separar seu codigo por navegador, primeiro verifique qual é o navegador, depois utilize o comando especifico.

gmmascarin 8 de jul. de 2011

Olá Pessoal

Resolvi o problema utilizandoo atributo defaultCommand do tr:form.

Ficou assim:

<tr:form id="meusProjetosOcorrencias" defaultCommand="btnPesquisar">
             <tr:inputText id="PesquisaOcorrencia" columns="25" maximumLength="150" label="Pesquisa: " 
									 styleClass="textoNormal" required="false" value="#{sessionBean.chavePesquisaOcorrencia}"/>
              <tr:commandLink id = "btnPesquisar" action="success_ocorrencia">
	                 <tr:image source="/imagens/icon_pesquisa.png" width="24" height="24" />
              </tr:commandLink>
</tr:form>

Obrigado a todos pela ajuda

Criado 5 de julho de 2011

Ultima resposta 8 de jul. de 2011

Respostas 6

Participantes 4

6 Respostas

Topicos relacionados