El evento onclick no se activa cuando se activa onchange justo antes

Tengo un problema gracioso aquí.

Tengo un área de texto con un evento onchange vinculado a él. Entonces tengo un botón vinculado a un evento onclick.

El texto que se coloca en el área de texto se procesa cuando el evento onchange se activa en el área de texto. Esto normalmente sucede cuando hago clic en algo fuera del área de texto.

Lo que hice fue lo siguiente:

Escribí un texto en el área de texto.Justo después de escribir, hago clic en el botón para activar el evento onclick en el botónNo sucede nada, pero el evento onchange en el área de texto se activó cuando hice clic en el botón, pero el evento onclick en el botón en sí no se activó.

¿Por qué? Esperaba obtener tanto onchange como onclick activados. ¿Hay algo que deba hacer para que el clic en el botón no se "pierda"? Me di cuenta de que tengo que hacer clic dos veces, porque el primer clic provoca el cambio en el área de texto, y ENTONCES el segundo clic se activa al hacer clic en el botón.

El código de abajo muestra un ejemplo, solo prueba el código de abajo. Escriba un texto, luego haga clic directamente en ese botón. Solo aparecerá la ventana emergente "textarea".

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

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

Respuestas a la pregunta(3)

Su respuesta a la pregunta