0

у меня не странице есть textarea

Я хочу отправлять сообщения из него при нажатии Enter это делает вот такой код:

function Form(){
  let text = document.getElementById("messenter").value;
  $("#messenter").val(' ');
  text = text.trim();
  sendMessage(text);
}

Всё работает отлично, но когда я отправляю сообщение и очищаю textarea вот этой строкой:

$("#messenter").val(' ');

Textarea убирает текст, но переходит уже на другую (вторую) строку. Даже когда я задаю Css:

overflow: hidden;

Как исправить?

1
  • Выложите сюда код, который воспроизводит проблему.
    – nazarpunk
    11 сен 2021 в 14:06

1 ответ 1

1

Подробнее в комментариях к коду

$('#messenter').on('keydown', function(e){
  if(e.key === 'Enter' && $(this).val().trim().length > 0) {
    Form();
    return false; // При нажатие enter вызовите return false, чтобы Enter не ставился в textarea
  }
});

function Form(){
  let text = document.getElementById("messenter").value; // Старайтесь не мешать JS и JQ, замените на $('#messenter').val();
  $("#messenter").val('');
  text = text.trim();
  //sendMessage(text);
  console.info(text);
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<textarea id="messenter"></textarea>

1
  • Спасибо, благодарю!
    – Денис
    11 сен 2021 в 17:47

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.