Как заменить выделенный текст в input на другой

@prog77 · Регистрация: 23.10.2016

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

Добрый день подскажите как можно заменить часть выделенного текста в input на свой. например в input есть текст

текст для примера

Я зажимаю клавишу, например ctrl выделяю мышкой слово "для" и оно меняется на нужное мне например "тест" это не важно я сделаю условие под себя главное пример как реализовать если будет удобней можно здесь сделать https://jsfiddle.net/mvfLsmvb/Спасибо

@fanatikus · 18.07.2017, 16:37

Сообщение от prog77

часть выделенного текста в input на свой.

а за чем ctrl и т.д? выделили, и написали свой текст(это же input)

@dailydose · 18.07.2017, 16:41

https://jsfiddle.net/mvfLsmvb/2/

@botstars · 18.07.2017, 16:54

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

Добавлено через 1 минуту
dailydose, Спасибо то что надо

Добавлено через 7 минут
dailydose, Еще хотел спросить можно ли как нибудь отменить замену например ctrl+z, в случае если ответ пришел не тот что нужно, необходимо поменять параметр. Спасибо

@j2FunOnly · 19.07.2017, 11:15

dailydose, код на форум выкладывайте, пожалуйста.

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
$(document).ready(function(){
 
    $("#prizName").on("mouseup", function(e) {
    if(!e.ctrlKey) return;
    
    this.value = this.value.replace(getText(this), "test")
    
  });
});
 
function getText(elem) { // only allow input[type=text]/textarea
    if(elem.tagName === "TEXTAREA" ||
       (elem.tagName === "INPUT" && elem.type === "text")) {
        return elem.value.substring(elem.selectionStart,
                                    elem.selectionEnd);
        // or return the return value of Tim Down's selection code here
    }
    return null;
}

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

Добавлено через 1 минуту
Как вариант:

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
$(document).ready(function(){
 
    $("#prizName").on("mouseup", function(e) {
    if(!e.ctrlKey) return;
    
    var value = this.value;
    this.value = value.slice(0, this.selectionStart) +
            '*'.repeat(getSelectedText(this).length) +
            value.slice(this.selectionEnd, value.length);
  });
});
 
function getSelectedText (el) {
    return el.value.slice(el.selectionStart, el.selectionEnd);
}

Добавлено через 38 минут
prog77, botstars
Эм... Пифагор, мультиакк?

Новые блоги и статьи Все статьи Все блоги /
Подключение Box2D v3 к SDL3 для Android: физика и отрисовка коллайдеров 8Observer8 29.01.2026 Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами. Версия v3 была полностью переписана на Си, в. . .	Инструменты COM: Сохранение данный из VARIANT в файл и загрузка из файла в VARIANT bedvit 28.01.2026 Сохранение базовых типов COM и массивов (одномерных или двухмерных) любой вложенности (деревья) в файл, с возможностью выбора алгоритмов сжатия и шифрования. Часть библиотеки BedvitCOM Использованы. . .	Загрузка PNG с альфа-каналом на SDL3 для Android: с помощью SDL_LoadPNG (без SDL3_image) 8Observer8 28.01.2026 Содержание блога SDL3 имеет собственные средства для загрузки и отображения PNG-файлов с альфа-каналом и базовой работы с ними. В этой инструкции используется функция SDL_LoadPNG(), которая. . .	Загрузка PNG с альфа-каналом на SDL3 для Android: с помощью SDL3_image 8Observer8 27.01.2026 Содержание блога SDL3_image - это библиотека для загрузки и работы с изображениями. Эта пошаговая инструкция покажет, как загрузить и вывести на экран смартфона картинку с альфа-каналом, то есть с. . .
Влияние грибов на сукцессию anaschu 26.01.2026 Бифуркационные изменения массы гриба происходят тогда, когда мы уменьшаем массу компоста в 10 раз, а скорость прироста биомассы уменьшаем в три раза. Скорость прироста биомассы может уменьшаться за. . .	Воспроизведение звукового файла с помощью SDL3_mixer при касании экрана Android 8Observer8 26.01.2026 Содержание блога SDL3_mixer - это библиотека я для воспроизведения аудио. В отличие от инструкции по добавлению текста код по проигрыванию звука уже содержится в шаблоне примера. Нужно только. . .	Установка Android SDK, NDK, JDK, CMake и т.д. 8Observer8 25.01.2026 Содержание блога Перейдите по ссылке: https:/ / developer. android. com/ studio и в самом низу страницы кликните по архиву "commandlinetools-win-xxxxxx_latest. zip" Извлеките архив и вы увидите. . .	Вывод текста со шрифтом TTF на Android с помощью библиотеки SDL3_ttf 8Observer8 25.01.2026 Содержание блога Если у вас не установлены Android SDK, NDK, JDK, и т. д. то сделайте это по следующей инструкции: Установка Android SDK, NDK, JDK, CMake и т. д. Сборка примера Скачайте. . .

@prog77 0 / 0 / 0 Регистрация: 23.10.2016 Сообщений: 122

	Как заменить выделенный текст в input на другой 18.07.2017, 15:15. Показов 2909. Ответов 4 Метки нет (Все метки) Добрый день подскажите как можно заменить часть выделенного текста в input на свой. например в input есть текст текст для примера Я зажимаю клавишу, например ctrl выделяю мышкой слово "для" и оно меняется на нужное мне например "тест" это не важно я сделаю условие под себя главное пример как реализовать если будет удобней можно здесь сделать https://jsfiddle.net/mvfLsmvb/Спасибо 0

@dailydose 671 / 217 / 88 Регистрация: 21.07.2016 Сообщений: 1,036 Записей в блоге: 2
	18.07.2017, 16:41
	https://jsfiddle.net/mvfLsmvb/2/ 1

@botstars 2 / 3 / 2 Регистрация: 17.05.2013 Сообщений: 403
	18.07.2017, 16:54
	Ну у меня такая задумка, выделил текст, отправил на обработку, вернулись результаты, вставил вместо выделенного текста. ctrl для того что бы случайно не выделить и не отправить ненужные данные Добавлено через 1 минуту dailydose, Спасибо то что надо Добавлено через 7 минут dailydose, Еще хотел спросить можно ли как нибудь отменить замену например ctrl+z, в случае если ответ пришел не тот что нужно, необходимо поменять параметр. Спасибо 0