快速选择区域内的内容（Select All）

通常我们都是通过鼠标拖拉来选择一个区域内的内容，当区域内的内容很多，我们会发现用鼠标拖拉很不方便，一不小心就会选到不想选的区域。为了方便用户，我们可以通过建一个快捷按钮，当用户点击这个按钮，相应的区域内的内容就被选中。

1. 如果特定区域是文本框<textarea>或者文本输入框<input>，那么实现这个快捷全选就很简单：

<script type="text/javascript">
function SelectAll(id)
{
    document.getElementById(id).focus();
    document.getElementById(id).select();
}
</script>
文本区:<br>
<textarea rows="3" id="txtarea" 
onClick="SelectAll('txtarea');" style="width:200px" >
点击该区域,或者点击下面按钮,就可以选中本段文字！ 
</textarea><br>
<button onClick="SelectAll('txtarea');">全选1</button>
<br>
文本输入框:<br>
<input type="text" id="txtfld" 
onClick="SelectAll('txtfld');" style="width:200px" 
value = "点击全选这段文字！" />

文本区:
点击该区域,或者点击下面按钮,就可以选中本段文字！

文本输入框:

2. 如果特定区域是<div>,那么用.foucs() 和。select()就不灵了。幸运的是我们可以使用别的Javascripts方法来实现：

<script language="javascript">
function highlightText(myDiv){
if (document.selection) {
 var r1 = document.body.createTextRange();
 r1.moveToElementText(document.getElementById(myDiv));
 r1.select();
} else {
 s = window.getSelection();
 var r1 = document.createRange();
 r1.setStartBefore(document.getElementById(myDiv));
 r1.setEndAfter(document.getElementById(myDiv));
 s.addRange(r1);
}
}
</script>
/*myDiv 为你要选择的区域的ID*/

特定区域(div):

点击下面按钮，这段文字将被选择！