原文地址：http://www.zhangbaozz.com/html/Web/201004/222.html

javascript获取光标选中内容(包括textarea)-兼容firefox,ie,chrome





<script type="text/javascript">

function showSelect(){

	var selectedText;

	//ff、chrome，用getSelection

	if(window.getSelection)

	{

		selectedText=window.getSelection();

	}

	//ie利用Range

	else if(document.selection)

	{

		selectedText=document.selection.createRange().text;

	}

	alert(selectedText);

}

</script>

<h1>javascript获取光标选中内容</h1><h6>(兼容firefox,ie,chrome)</h6>



<p>呵呵，听经理说××网站加gg广告一年随便弄个几w，听着心动。于是把我的小站改了一版，改成了现在这种主题，个人感觉还不错。</p>

<p>还重新自己设计了一个小小的logo：哈哈，全部是由 “ 　≮崩溃≯ 　”组成，背景是不同字体的崩溃，呵呵，想想应该还是蛮有个性的</p>

<p>然后顺便加上了ｇｇ广告，哈哈，欢迎大家多多点击.......</p>

<p>传说只能$100一取，于是我决定第一笔$100拿出来请各位帮助我的好心人，奖品不大，聊表心意</p>

<p>如果是熟人或者朋友可以邀请去俺学校吃最最最最最著名的牛肉火锅和干锅牛蛙!!哈哈～～～</p>

<hr />

<button onclick="showSelect();">选中文本</button>





<br /><br /><br /><br />



<script type="text/javascript">

function showSelectTextarea(){

	var selectedText;

	var e;

	e=document.getElementById('textArea');

	//ie利用Range，这个和非文本框的是一样的!

	if(document.selection&&(document.selection.type == "Text"))

	{

		selectedText=document.selection.createRange().text;

	}

	//ff、chrome，用getSelection

	else if(e.selectionStart != undefined && e.selectionEnd != undefined)

	{

		var start = e.selectionStart;

		var end = e.selectionEnd;

		selectedText=e.value.substring(start, end);

	}

	alert(selectedText);

}

</script>

<h1>javascript获取<font color="#0000FF">textarea</font>中光标选中内容</h1><h6>(兼容firefox,ie,chrome)</h6>

<textarea cols="100" rows="10" id="textArea">

呵呵，听经理说××网站加gg广告一年随便弄个几w，听着心动。于是把我的小站改了一版，改成了现在这种主题，个人感觉还不错。

还重新自己设计了一个小小的logo：哈哈，全部是由 “ 　≮崩溃≯ 　”组成，背景是不同字体的崩溃，呵呵，想想应该还是蛮有个性的

然后顺便加上了ｇｇ广告，哈哈，欢迎大家多多点击.......

传说只能$100一取，于是我决定第一笔$100拿出来请各位帮助我的好心人，奖品不大，聊表心意

如果是熟人或者朋友可以邀请去俺学校吃最最最最最著名的牛肉火锅和干锅牛蛙!!哈哈～～～

</textarea>

<hr />

<button onclick="showSelectTextarea();">选中Textarea文本</button>