Как заменить выделенный текст в 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
Эм... Пифагор, мультиакк?

Новые блоги и статьи Все статьи Все блоги /
SDL3 для Desktop (MinGW): Создаём пустое окно с нуля для 2D-графики на SDL3, Си и C++ 8Observer8 10.03.2026 Содержание блога Финальные проекты на Си и на C++: hello-sdl3-c. zip hello-sdl3-cpp. zip Результат:	Установка CMake и MinGW 13.1 для сборки С и C++ приложений из консоли и из Qt Creator в EXE 8Observer8 10.03.2026 Содержание блога MinGW - это коллекция инструментов для сборки приложений в EXE. CMake - это система сборки приложений. Здесь описаны базовые шаги для старта программирования с помощью CMake и. . .	Как дизайн сайта влияет на конверсию: 7 решений, которые реально повышают заявки Neotwalker 08.03.2026 Многие до сих пор воспринимают дизайн сайта как “красивую оболочку”. На практике всё иначе: дизайн напрямую влияет на то, оставит человек заявку или уйдёт через несколько секунд. Даже если у вас. . .	Модульная разработка через nuget packages DevAlt 07.03.2026 Сложившийся в . Net-среде способ разработки чаще всего предполагает монорепозиторий в котором находятся все исходники. При создании нового решения, мы просто добавляем нужные проекты и имеем. . .
Модульный подход на примере F# DevAlt 06.03.2026 В блоге дяди Боба наткнулся на такое определение: В этой книге («Подход, основанный на вариантах использования») Ивар утверждает, что архитектура программного обеспечения — это структуры,. . .	Управление камерой с помощью скрипта OrbitControls.js на Three.js: Вращение, зум и панорамирование 8Observer8 05.03.2026 Содержание блога Финальная демка в браузере работает на Desktop и мобильных браузерах. Итоговый код: orbit-controls-threejs-js. zip. Сканируйте QR-код на мобильном. Вращайте камеру одним пальцем,. . .	SDL3 для Web (WebAssembly): Синхронизация спрайтов SDL3 и тел Box2D 8Observer8 04.03.2026 Содержание блога Финальная демка в браузере. Итоговый код: finish-sync-physics-sprites-sdl3-c. zip На первой гифке отладочные линии отключены, а на второй включены:. . .	SDL3 для Web (WebAssembly): Идентификация объектов на Box2D v3 - использование userData и событий коллизий 8Observer8 02.03.2026 Содержание блога Финальная демка в браузере. Итоговый код: finish-collision-events-sdl3-c. zip Сканируйте QR-код на мобильном и вы увидите, что появится джойстик для управления главным героем. . . .

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

	Как заменить выделенный текст в input на другой 18.07.2017, 15:15. Показов 2925. Ответов 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

Опции темы