Как программно сделать 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 и эта задача там решается легко. А вот по яваскриптам оказалось сложнее...нет хорошего справочника по яваскриптам в инете.

Новые блоги и статьи
Использование GraphQL в Go (Golang) InfoMaster 08.01.2025 Go (Golang) является одним из наиболее популярных языков программирования, используемых для создания высокопроизводительных серверных приложений. Его архитектурные особенности и встроенные. . .	Что лучше использовать при создании класса в Java: сеттеры или конструктор? Alexander-7 08.01.2025 Вопрос подробнее: На вопрос: «Когда одновременно создаются конструктор и сеттеры в классе – это нормально?» куратор уточнил: «Ваш класс может вообще не иметь сеттеров, а только конструктор и геттеры. . .	Как работать с GraphQL на TypeScript InfoMaster 08.01.2025 Введение в GraphQL и TypeScript В современной разработке веб-приложений GraphQL стал мощным инструментом для создания гибких и эффективных API. В сочетании с TypeScript, эта технология. . .	Счётчик на базе сумматоров + регистров и генератора сигналов согласования. Hrethgir 07.01.2025 Создан с целью проверки скорости асинхронной логики: ранее описанного сумматора и предополагаемых fast регистров. Регистры созданы на базе ранее описанного, предполагаемого fast триггера. То-есть. . .	Как перейти с Options API на Composition API в Vue.js BasicMan 06.01.2025 Почему переход на Composition API актуален В мире современной веб-разработки фреймворк Vue. js продолжает эволюционировать, предлагая разработчикам все более совершенные инструменты для создания. . .	Архитектура современных процессоров inter-admin 06.01.2025 Процессор (центральный процессор, ЦП) является основным вычислительным устройством компьютера, которое выполняет обработку данных и управляет работой всех остальных компонентов системы. Архитектура. . .
История создания реляционной модели баз данных, правила Кодда Programming 06.01.2025 Предпосылки создания реляционной модели В конце 1960-х годов компьютерная индустрия столкнулась с серьезными проблемами в области управления данными. Существовавшие на тот момент модели данных -. . .	Полезные поделки на Arduino, которые можно сделать самому raxper 06.01.2025 Arduino как платформа для творчества Arduino представляет собой удивительную платформу для технического творчества, которая открывает безграничные возможности для создания уникальных проектов. Эта. . .	Подборка решений задач на Python IT_Exp 06.01.2025 Целью данной подборки является предоставление возможности ознакомиться с различными задачами и их решениями на Python, что может быть полезно как для начинающих, так и для опытных программистов. . . .	С чего начать программировать микроконтроллеры raxper 06.01.2025 Введение в мир микроконтроллеров Микроконтроллеры стали неотъемлемой частью современного мира, окружая нас повсюду: от простых бытовых приборов до сложных промышленных систем. Эти маленькие. . .	Из чего собрать игровой компьютер inter-admin 06.01.2025 Сборка игрового компьютера требует особого внимания к выбору комплектующих и их совместимости. Правильно собранный игровой ПК не только обеспечивает комфортный геймплей в современных играх, но и. . .	Обновление сайта www.historian.by Reglage 05.01.2025 Обещал подвести итоги 2024 года для сайта. Однако начну с того, что изменилось за неделю. Добавил краткий урок по последовательности действий при анализе вредоносных файлов и значительно улучшил урок. . .

@Ecclesiastes 0 / 0 / 0 Регистрация: 08.03.2011 Сообщений: 18
		1
	Как программно сделать Del в текстовом поле? 08.03.2011, 09:50. Показов 1665. Ответов 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