JS实现选择TextArea内文本的方法

这篇文章主要介绍了JS实现选择TextArea内文本的方法,涉及javascript针对页面TextArea元素焦点设置及文本获取的相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下

本文实例讲述了JS实现选择TextArea内文本的方法。分享给大家供大家参考。具体实现方法如下：

1. <script type="text/javascript"> 
2. function select_field(id){ 
3. document.getElementById(id).focus(); 
4. document.getElementById(id).select(); 
5. } 
6. function init(){ 
7. select_field('text1'); 
8. } 
9. onload=init; 
10. </script> 
11. <form> 
12. This field gets selected onload:<br/> 
13. <input type="text" name="text1" id="text1" value="some text" /> 
14. <br/> 
15. <textarea name="textarea1" id="textarea1" rows="9" cols="50" wrap="off">Some long 
16. content in here. 
17. abcd efgh abcd efgh abcd efgh 
18. abcd efgh abcd efgh abcd efgh 
19. abcd efgh abcd efgh abcd efgh 
20. </textarea> 
21. <br/> 
22. <input type="button" value="Select text" onclick="select_field('textarea1')"> 
23. </form> 

希望本文所述对大家的javascript程序设计有所帮助。