Як виділити текст за допомогою javascript?

а також jquery, bootstrap.
Мобільні шаблони.
Відповісти
Аватар користувача
my3uka
SEO Master
Повідомлень: 89
З нами з: Нед жовтня 18, 2015 8:33 am
Звідки: Ukraine

Як виділити текст за допомогою javascript?

Повідомлення my3uka » Нед червня 24, 2018 6:47 pm

1. Отримуємо текст з поля textarea, дальше по індифікаторам "freind" і " javascript" (<- тут не помилка, "пробіл" також враховується як символ) отримуємо початок і кінець, де має бути виділений текст. У нашому випадку виділений текст буде "friend".
2. Виділяєм текст з отриманих данних по кліку на кнопку.

javascript

Код: Виділити все

function myfunc(){
  var textarea = document.getElementById("msg");
  var text = document.getElementById("msg").value;
 var fio = text.indexOf("friend");
 var lio = text.lastIndexOf(" javascript");
  textarea.focus();
  textarea.setSelectionRange(fio,lio);
}

html

Код: Виділити все

 <textarea id="msg">Hello my new friend javascript code for you.</textarea><br />
<button class="my_button" onclick="myfunc()">Click</button>
Рекомендую - VPS

Аватар користувача
my3uka
SEO Master
Повідомлень: 89
З нами з: Нед жовтня 18, 2015 8:33 am
Звідки: Ukraine

Re: Як виділити текст за допомогою javascript?

Повідомлення my3uka » П'ят червня 29, 2018 8:19 am

В деяких випадках, потрібно зробити фокус на елементі через подію "клік"
Рекомендую - VPS

Відповісти

Хто зараз онлайн

Зараз переглядають цей форум: 1 і 0 гість