Instances are created by the browser when it encounters an HTML tag.</p><p>In the JavaScript object hierarchy, the Textarea object is located at window.document.Form.Textarea.</p><table class=tutorialTable><TR><td><B>Event Handlers/Methods/Properties</B></td><td><B>Description</B></td></TR><tr><td>onBlur</td><td>Called when the text area loses the focus.</td></tr><tr><td>onChange</td><td>Called when the text area loses the focus and has had its value modified.</td></tr><tr><td>onFocus</td><td>Called when the text area receives the focus.</td></tr><tr><td>onKeyDown</td><td>Called when a key is pressed down. This occurs before an onKeyPress event handler is triggered.</td></tr><tr><td>onKeyPress</td><td>Called when a key is pressed down immediately after an onKeyDown event handler is triggered.</td></tr><tr><td>onKeyUp</td><td>Called when a key is released.</td></tr><tr><td>onSelect</td><td>Called when a user selects some of the text within the text area.</td></tr><tr><td>blur()</td><td>Removes the focus from the text area.</td></tr><tr><td>focus()</td><td>Gives the focus to the text area.</td></tr><tr><td>handleEvent()</td><td>Invokes the handler for the event specified.</td></tr><tr><td>select()</td><td>Selects the text in the text area.</td></tr><tr><td>defaultValue</td><td>Returns the value of this text area defined between the beginning and ending <textarea> tags. Note that this property is not supported by the Opera browsers.</td></tr><tr><td>form</td><td>Returns the entire form the text area is in.</td></tr><tr><td>name</td><td>Returns the name of this text area specified by the NAME attribute.</td></tr><tr><td>type</td><td>Returns the type of this text area. Note that this is always textarea.</td></tr><tr><td>value</td><td>Returns the value that is actually displayed in the text area.</td></tr></table><BR><BR><pre><html> <head> <script language=<font color='#2a00ff'>"JavaScript"</font>> <!-- function openWin(){ var myInstance = document.myForm.myTextArea; var myWin = open(<font color='#2a00ff'>""</font>, <font color='#2a00ff'>""</font>,<font color='#2a00ff'>"width=450,height=200"</font>); myWin.document.write(<font color='#2a00ff'>"The defaultValue is: "</font> + myInstance.defaultValue + <font color='#2a00ff'>"<br>"</font>); myWin.document.write(<font color='#2a00ff'>"The name is: "</font> + myInstance.name + <font color='#2a00ff'>"<br>"</font>); myWin.document.write(<font color='#2a00ff'>"The type is: "</font> + myInstance.type + <font color='#2a00ff'>"<br>"</font>); myWin.document.write(<font color='#2a00ff'>"The value is: "</font> + myInstance.value + <font color='#2a00ff'>"<br>"</font>); myWin.document.write(myInstance.form.myButton.value); myWin.document.close(); } --> </script> </head> <body> <form name=<font color='#2a00ff'>"myForm"</font>> <textarea name=<font color='#2a00ff'>"myTextArea"</font> rows=6 cols=50> Here is some text in my text area. </textarea> <input type=BUTTON value=<font color='#2a00ff'>"Click to Process"</font> name=<font color='#2a00ff'>"myButton"</font> onClick=<font color='#2a00ff'>"openWin()"</font>> </form> </body> </html> </pre><TABLe><TBODY> <TR><TD align=left><br/><br/><br/><br/><script type="text/javascript"><!-- google_ad_client="pub-1130008796007602";google_ad_width=300;google_ad_height=250;google_ad_format="300x250_as";google_ad_type="text_image";google_ad_channel="";google_color_border="ffffff";google_color_bg="FFFFFF";google_color_link="0077cc";google_color_url="0077cc";google_color_text="000000"; //--></script><script type="text/javascript"src="http://pagead2.googlesyndication.com/pagead/show_ads.js"></script></TD> </tr><tr><td><script type="text/javascript"><!-- google_ad_client="pub-1130008796007602";google_ad_width=300;google_ad_height=250;google_ad_format="300x250_as";google_ad_type="text_image";google_ad_channel="";google_color_border="ffffff";google_color_bg="FFFFFF";google_color_link="0077cc";google_color_url="0077cc";google_color_text="000000"; //--></script><script type="text/javascript"src="http://pagead2.googlesyndication.com/pagead/show_ads.js"></script><br/><br/><br/><br/></td></TR></TBODY></TABLE><table class='table'><tr><td colSpan=5>10.16.TextArea</td></tr><tr class=odd><td width=20></td><td width=50>10.16.1.</td><td align=left>Textarea</td></tr><tr class=even><td width=20></td><td width=50>10.16.2.</td><td align=left><A href="/Tutorial/JavaScript/0200__Form/Textareablur.htm">Textarea.blur()</a></td></tr><tr class=odd><td width=20></td><td width=50>10.16.3.</td><td align=left><A href="/Tutorial/JavaScript/0200__Form/TextareadefaultValue.htm">Textarea.defaultValue</a></td></tr><tr class=even><td width=20></td><td width=50>10.16.4.</td><td align=left><A href="/Tutorial/JavaScript/0200__Form/Textareafocus.htm">Textarea.focus()</a></td></tr><tr class=odd><td width=20></td><td width=50>10.16.5.</td><td align=left><A href="/Tutorial/JavaScript/0200__Form/Textareaform.htm">Textarea.form</a></td></tr><tr class=even><td width=20></td><td width=50>10.16.6.</td><td align=left><A href="/Tutorial/JavaScript/0200__Form/TextareahandleEvent.htm">Textarea.handleEvent()</a></td></tr><tr class=odd><td width=20></td><td width=50>10.16.7.</td><td align=left><A href="/Tutorial/JavaScript/0200__Form/Textareaname.htm">Textarea.name</a></td></tr><tr class=even><td width=20></td><td width=50>10.16.8.</td><td align=left><A href="/Tutorial/JavaScript/0200__Form/TextareaonBlur.htm">Textarea.onBlur</a></td></tr><tr class=odd><td width=20></td><td width=50>10.16.9.</td><td align=left><A href="/Tutorial/JavaScript/0200__Form/TextareaonChange.htm">Textarea.onChange</a></td></tr><tr class=even><td width=20></td><td width=50>10.16.10.</td><td align=left><A href="/Tutorial/JavaScript/0200__Form/TextareaonFocus.htm">Textarea.onFocus</a></td></tr><tr class=odd><td width=20></td><td width=50>10.16.11.</td><td align=left><A href="/Tutorial/JavaScript/0200__Form/TextareaonKeyDown.htm">Textarea.onKeyDown</a></td></tr><tr class=even><td width=20></td><td width=50>10.16.12.</td><td align=left><A href="/Tutorial/JavaScript/0200__Form/TextareaonKeyPress.htm">Textarea.onKeyPress</a></td></tr><tr class=odd><td width=20></td><td width=50>10.16.13.</td><td align=left><A href="/Tutorial/JavaScript/0200__Form/TextareaonKeyUp.htm">Textarea.onKeyUp</a></td></tr><tr class=even><td width=20></td><td width=50>10.16.14.</td><td align=left><A href="/Tutorial/JavaScript/0200__Form/TextareaonSelect.htm">Textarea.onSelect</a></td></tr><tr class=odd><td width=20></td><td width=50>10.16.15.</td><td align=left><A href="/Tutorial/JavaScript/0200__Form/Textareaselect.htm">Textarea.select()</a></td></tr><tr class=even><td width=20></td><td width=50>10.16.16.</td><td align=left><A href="/Tutorial/JavaScript/0200__Form/Textareatype.htm">Textarea.type</a></td></tr><tr class=odd><td width=20></td><td width=50>10.16.17.</td><td align=left><A href="/Tutorial/JavaScript/0200__Form/Textareavalue.htm">Textarea.value</a></td></tr></table></div></div><footer><p class='pull-right'><a href='http://www.java2s.com/'>java2s.com</a> | © Demo Source and Support. All rights reserved.</p></footer></div></body></html>