Tenho um campo textarea
e um botão "enviar" logo abaixo, e adicionei um evento onfocus
e onblur
nesse campo. O onfocus
aumenta a altura do campo, e o onblur
volta ao normal. Adicionei também um evento onclick
no botão "enviar" para validar o campo textarea
. Porém, o evento onblur
está "anulando" no primeiro click o evento onclick
do botão "enviar". O código é esse:
HTML:
<textarea id="meutexto"></textarea>
<br>
<div id="botao">
<input type="button" value="enviar" />
</div>
Script:
$("#meutexto")
.on('focus',function(){
$(this).css('height','60px');
})
.on('blur',function(){
$(this).css('height','30px');
});
$("#botao input").on('click',function(){
$("#botao").html('Enviando texto...');
});
Acontece que ao clicar no botão "enviar" 1 vez, nada acontece. Só no segundo clique que a DIV
"botao" é alterada para "Enviando texto..."
.
Caso eu pague as linhas:
.on('blur',function(){
$(this).css('height','30px');
});
O script funciona. Porém eu não gostaria de retirar o onblur
. O que será que está errado?