Перехватить содержимое TEXTAREA через onSelect

https://www.google.ru/search?client=opera&q=window.getSelection&sourceid=opera&ie=utf-8&oe=utf-8&channel=suggest

Ну в IE есть selection.createRange().text

в других браузерах selectionStart и selectionEnd

Есть неплохая статья на хабре

---------- Добавлено 09.01.2014 в 16:50 ----------

Нет, делается не так. Посмотрите как делается на этом форуме :)

Всем спасибо. Вот решение, если кому надо:

<SCRIPT type=\"text/javascript\">

	function changeLink()

		{

		t = window.getSelection();

		document.getElementById('bd_keyword').value=\"<B>\"+t+\"</B>\";

		}

</SCRIPT>

			

<INPUT type='button' size='20' value='TEST' onclick=\"changeLink()\">



<TEXTAREA name='bd_text' id='editText' style='width:700px; height:200px;' onSelect=\"changeLink()\">";

</TEXTAREA>

Я подозревал, что выделение нужно искать во всем документе, а не в отдельном тэге.

<SCRIPT type=\"text/javascript\">
	function changeLink()
		{
		t = window.getSelection();
		document.getElementById('bd_keyword').value=\"<B>\"+t+\"</B>\";
		}
</SCRIPT>
			
<INPUT type='button' size='20' value='TEST' onclick=\"changeLink()\">

<TEXTAREA name='bd_text' id='editText' style='width:700px; height:200px;' onSelect=\"changeLink()\">";
</TEXTAREA>

В IE нет getSelection. Юзайте что-то типа

var txt = window.getSelection ? window.getSelection().toString() : document.selection.createRange().text;

.toString() не обязательно если Вы планируете что-то вроде txt + заведомо string вроде \"<B>\"+t+\"</B>\"

ИЕ мне и не нужен. Для себя админку делаю.

А чтобы юзер лишнего не выделял, можно дополнительные ограничения ввести.

Да, я поспешил. Работает только если выделить текст в текстарее, то нужный кусок перемещается куда скажу. А по кнопке пока никак. Будем крутить.

Нужно:

1. Выделил текст в текстареа.

2. Нажал кнопку.

3. Выделенный текст перенёсся куда-либо (дальше я его направлю в ту же текстарею с добавлением нужных тэгов.

Выделение сбрасывается раньше, чем onclick наступает. Onclick - это когда кнопка отпускается (как onkeyup). А выделение сбрасывается по onfocus.

Поменяйте onclick на onpress и заработает.

onPress не заработало, а вот onMouseDown вполне. Спасибо за наводку.

Теперь осталось корректно заменять выделенный кусок текста на свою переменную t. Да, нужно довесок в виде обрамляющих тэгов сразу в переменную добавить ...

В общем вот что в итоге получилось. Что мне и надо было. Всем спасибо за помощь.

Работающий код, если кому надо:

<script type="text/javaScript">

function tSelection()

	{

	var input = document.getElementById('input');

	if (typeof(input.selectionStart)=="number")

		{

		if (input.selectionStart != input.selectionEnd)

			{

			var b1 = "<B>";			

			var b2 = "</B>";

			var start = input.selectionStart;

			var end = input.selectionEnd;

			var text = input.value.substr(start,end-start);

			var s = input.value ;

			s = s.substr(0,start) + b1 + text + b2 + s.substr(end);

			document.getElementById('input').value = s ;

			}

		return true;

		}

	}

</script>



<TEXTAREA type="text" id="input" name="input" cols="50" rows="10">

test by TEST for EVERYBODY

</TEXTAREA>

<br />

<input type="button" value="<B>...</B>" onClick="tSelection()" />