当前位置:软件学堂 > 资讯首页 > 网络编程 > 编程其他 > JS代码实现文本的自动全选

JS代码实现文本的自动全选

2012/10/20 10:26:27作者:佚名来源:网络

移动端

【实例名称】

文本的自动全选

【实例描述】

 本例提供便捷的用户操作,在一些开放源代码的网站,用户可以选择全部代码内容,并进行复制,如果代码比较多,可使用“全选”按钮。 

【实例代码】

 

<html xmlns="http://www.w3.org/1999/xhtml" > <head>     <title>标题页</title>     <script language="javascript">      function selectAll()     {        mytxt.select();     }     </script> </head> <body> <textarea id="mytxt" cols=30 rows=6 > </textarea> <input id="mybtn" value="全选" type="button" onclick="selectAll()" /> </body> </html>

【运行效果】

运行效果

【难点剖析】

 本例中使用了“select”方法.可以实现文本框内容的全部选择,此方法对所有的“input”元素都有效。

【源码下载】

本实例JS代码下载

标签: JS代码