Evento onclick não acionado quando onchange é acionado antes

Eu tenho um problema engraçado aqui.

Eu tenho um textarea com um evento onchange vinculado a ele. Então eu tenho um botão ligado a um evento onclick.

O texto que está sendo colocado na textarea é processado quando o evento onchange é acionado na textarea. Isso normalmente acontece quando eu clico em algo fora da área de texto.

O que eu fiz foi o seguinte:

Eu digitei um texto na área de texto.Logo após a digitação eu clico no botão para acionar o evento onclick no botãoNada acontece, mas o evento onchange na textarea foi acionado quando eu cliquei no botão, mas o evento onclick no botão em si não é acionado.

Por quê? Eu esperava ter ambos onchange e onclick acionados. Existe alguma coisa que eu preciso fazer então o clique no botão não fica "perdido". Eu percebi que eu tenho que clicar duas vezes, porque o primeiro clique faz com que o onchange aconteça na textarea, e ENTÃO o segundo clique aciona onclick no botão.

O código abaixo mostra um exemplo, tente o código abaixo. Digite um texto e clique diretamente no botão. Apenas o popup "textarea" aparecerá.

<textarea onchange="processText();" name="mytext"></textarea>
<button onclick="processButton();">Hello</button>
<script language="Javascript">
  function processText()
  {
    alert( 'textarea');
  }

  function processButton()
  {
    alert( 'button');
  }
</script>

questionAnswers(2)

yourAnswerToTheQuestion