Javascript Form How to - Handle TextArea on change event

Question

We would like to know how to handle TextArea on change event.

Answer


<!--  ww  w  .  j  a v a 2  s  .  co  m-->
<HTML>
<HEAD>
<SCRIPT LANGUAGE=JavaScript> 
function DisplayEvent(eventName){    
   var myMessage = window.document.form1.textarea1.value;    
   myMessage = myMessage + eventName;    
   window.document.form1.textarea1.value = myMessage;
} </SCRIPT>
</HEAD> 
<BODY>
<FORM NAME=form1>
   <TEXTAREA ROWS=15 COLS=40 NAME=textarea1 
      onchange="DisplayEvent('onchange\n');" 
      onkeydown="DisplayEvent('onkeydown\n');" 
      onkeypress="DisplayEvent('onkeypress\n');" 
      onkeyup="DisplayEvent('onkeyup\n\n');">
      press your key here.
   </TEXTAREA>

   <INPUT TYPE="button" VALUE="Clear Event TextArea" 
      NAME=button1 onclick="window.document.form1.textarea1.value=''"> </FORM>
</BODY>
</HTML>

The code above is rendered as follows: