Как программно сделать Del в текстовом поле?

@Ecclesiastes · Регистрация: 08.03.2011

Author24 — интернет-сервис помощи студентам

Делаю виртуальную клавиатуру для ввода мышью нужного текста в текстовое поле. Столкнулся с проблемой, нужно програмно делать в текстовом поле, то что делается при нажатии клавиши Del и <- на настоящей клавиатуре. Я в яваскрипт новичек, так что не ругайте сильно, а помогите. Подскажите как добиться такого эффекта? И как вообще определить в текстовом поле текущее положение курсора?

@Ecclesiastes · 19.03.2011, 18:55 **[ТС]**

Я не пойму, то ли вопрос повышенной сложности, то ли нет здесь знающих людей?

@sl_play · 20.03.2011, 12:31

воспользуйтесь поиском по форуму, это уже неоднократно обсуждалось!

Код

<html>
<head>
<script>
function getCursorPos(textElement) {
var sOldText = textElement.value;
var objRange = document.selection.createRange();
var sOldRange = objRange.text;
var sWeirdString = '#%~'
objRange.text = sOldRange + sWeirdString; objRange.moveStart('character', (0 - sOldRange.length - sWeirdString.length));
var sNewText = textElement.value;
objRange.text = sOldRange;
for (i=0; i <= sNewText.length; i++) {
var sTemp = sNewText.substring(i, i + sWeirdString.length);
if (sTemp == sWeirdString) {
var cursorPos = (i - sOldRange.length);
return cursorPos;
}
}
}
</script>
</head>
<body>
<textarea id = 'text1' onclick = 'alert(getCursorPos(this))' style='width:200;height:300'>
function getCursorPos(textElement) {
var sOldText = textElement.value;
var objRange = document.selection.createRange();
var sOldRange = objRange.text;
var sWeirdString = '#%~'
objRange.text = sOldRange + sWeirdString; objRange.moveStart('character', (0 - sOldRange.length - sWeirdString.length));
var sNewText = textElement.value;
objRange.text = sOldRange;
for (i=0; i <= sNewText.length; i++) {
var sTemp = sNewText.substring(i, i + sWeirdString.length);
if (sTemp == sWeirdString) {
var cursorPos = (i - sOldRange.length);
return cursorPos;
}
}
}
</textarea>
</body>
</html>

@Ecclesiastes · 21.03.2011, 13:35 **[ТС]**

Я пошарился по форуму, но не нашел как мне удалять из строки нужные мне символы? На форуме есть только как вставлять символы в строку.

@sl_play · 21.03.2011, 13:49

этот пример по нажатию кнопки будет удалять выделенный кусок текста

<script>
function mtag(mform,elem){
obj=mform.elements[elem];
obj.focus();
obj.document.selection.createRange().text ='';
}
</script>
</head>

<body>
<form><textarea name='marea'></textarea><input type='button' onclick='mtag(this.form,'marea')'></form>

@Ecclesiastes · 21.03.2011, 14:14 **[ТС]**

Большое спасибо.

Мне бы еще научиться как выделать нужные символы в строке, чтобы их удалять потом?

@sl_play · 21.03.2011, 14:17

как вы определяете нужный символ и не нужный?

@Ecclesiastes · 21.03.2011, 14:21 **[ТС]**

Мне нужно при нажатии на кнопку удалять символ или слева или справа от курсора.

@sl_play · 21.03.2011, 14:37

ну что же, функция, которая возвращает позицию курсора у вас уже есть (10.01.2005 12:54 ) как работать с выделенным текстом вы уже знаете, остаётся лиш пожелать терпения и рвения к успеху.

@Ecclesiastes · 21.03.2011, 14:58 **[ТС]**

Спасибо.

Но я не знаю как мне выделить символ слева или справа от курсора?

@sl_play · 21.03.2011, 15:03

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

@Ecclesiastes · 21.03.2011, 15:06 **[ТС]**

я спец по JAVA и эта задача там решается легко. А вот по яваскриптам оказалось сложнее...нет хорошего справочника по яваскриптам в инете.

@Ecclesiastes 0 / 0 / 0 Регистрация: 08.03.2011 Сообщений: 18
		1
	Как программно сделать Del в текстовом поле? 08.03.2011, 09:50. Показов 1641. Ответов 11 Метки нет (Все метки) Делаю виртуальную клавиатуру для ввода мышью нужного текста в текстовое поле. Столкнулся с проблемой, нужно програмно делать в текстовом поле, то что делается при нажатии клавиши Del и <- на настоящей клавиатуре. Я в яваскрипт новичек, так что не ругайте сильно, а помогите. Подскажите как добиться такого эффекта? И как вообще определить в текстовом поле текущее положение курсора? 0

@Ecclesiastes 0 / 0 / 0 Регистрация: 08.03.2011 Сообщений: 18
	19.03.2011, 18:55 [ТС]	2
	Я не пойму, то ли вопрос повышенной сложности, то ли нет здесь знающих людей? 0

@Ecclesiastes 0 / 0 / 0 Регистрация: 08.03.2011 Сообщений: 18
	21.03.2011, 13:35 [ТС]	4
	Я пошарился по форуму, но не нашел как мне удалять из строки нужные мне символы? На форуме есть только как вставлять символы в строку. 0

@sl_play 4 / 4 / 3 Регистрация: 25.05.2009 Сообщений: 2,576
	21.03.2011, 13:49	5
	этот пример по нажатию кнопки будет удалять выделенный кусок текста <script> function mtag(mform,elem){ obj=mform.elements[elem]; obj.focus(); obj.document.selection.createRange().text =''; } </script> </head> <body> <form><textarea name='marea'></textarea><input type='button' onclick='mtag(this.form,'marea')'></form> 0

@Ecclesiastes 0 / 0 / 0 Регистрация: 08.03.2011 Сообщений: 18
	21.03.2011, 14:14 [ТС]	6
	Большое спасибо. Мне бы еще научиться как выделать нужные символы в строке, чтобы их удалять потом? 0

@sl_play 4 / 4 / 3 Регистрация: 25.05.2009 Сообщений: 2,576
	21.03.2011, 14:17	7
	как вы определяете нужный символ и не нужный? 0

@Ecclesiastes 0 / 0 / 0 Регистрация: 08.03.2011 Сообщений: 18
	21.03.2011, 14:21 [ТС]	8
	Мне нужно при нажатии на кнопку удалять символ или слева или справа от курсора. 0

@sl_play 4 / 4 / 3 Регистрация: 25.05.2009 Сообщений: 2,576
	21.03.2011, 14:37	9
	ну что же, функция, которая возвращает позицию курсора у вас уже есть (10.01.2005 12:54 ) как работать с выделенным текстом вы уже знаете, остаётся лиш пожелать терпения и рвения к успеху. 0

@Ecclesiastes 0 / 0 / 0 Регистрация: 08.03.2011 Сообщений: 18
	21.03.2011, 14:58 [ТС]	10
	Спасибо. Но я не знаю как мне выделить символ слева или справа от курсора? 0

@sl_play 4 / 4 / 3 Регистрация: 25.05.2009 Сообщений: 2,576
	21.03.2011, 15:03	11
	я тоже не знаю, на это нужно потратить определённое время, сейчас всё в размытом состоянии в голове... думаю вы сами себя запутали, не стоит так усложнять себе задачу, всегда можно найти более простое и лучшее решение. 0

	21.03.2011, 15:06

@Ecclesiastes 0 / 0 / 0 Регистрация: 08.03.2011 Сообщений: 18
	21.03.2011, 15:06 [ТС]	12
	я спец по JAVA и эта задача там решается легко. А вот по яваскриптам оказалось сложнее...нет хорошего справочника по яваскриптам в инете. 0