Перенос строки в textarea

Question

Всем привет! В область <teaxtarea> вводится текст. Необходимо чтобы при клике на определенную кнопку(пусть называется "Enter") осуществлялся перенос строки в выбранной области. Я попробовал использовать такое выражение area.value=area.value+'\r\n', но строка переноситься без значения.

let enter = document.querySelector('.key')
enter.addEventListener('click', handleClick)

function handleClick(event){
     const action = event.target
     area.value=area.value+'\r\n'
}

<textarea name="screen" id="area" cols="30" rows="10" placeholder="Введите данные с клавиатуры" autofocus></textarea>

<div class="key enter" data-action="13">Enter</div>
 </div>

Answer 1

let enter = document.querySelector('.key')
enter.addEventListener('click', handleClick)

function handleClick(event) {
  area.value = 
    area.value.substring(0, area.selectionStart) + 
    "\n" +
    area.value.substring(area.selectionEnd, area.value.length);
}

<textarea name="screen" id="area" cols="30" rows="10" placeholder="Введите данные с клавиатуры" autofocus></textarea>

<div class="key enter" data-action="13">Enter</div>
</div>

БЛОГ НА HUSL

Перенос строки в textarea

Ответы (1 шт):