Как запретить переносы?

Question

[thekot24]

Не знаю к какой категории отнести вопрос, поскольку ранее с таким не сталкивался.
Имеется div-элемент, использующийся, как input для ввода.
Как запретить переносы на следующую строку при клике на "Enter"? Пробовал через js return false;, не помогает.
Сам код псевдоинпута:

<div class="input ng-pristine ng-untouched ng-valid ng-isolate-scope" id="chat-input" contenteditable="true" style="width: 665px;">сюда попадает введённый текст</div>

white-space: nowrap; не помогает.

Answer 1

[Михаил Захаров]

$("div").keydown(function(e){
if (e.code == 13) {
$(this).next().focus();
}
});

Comments

[thekot24]

Заменил "code" на keyCode и стал выводить в консоль - логирует коды клавиш, а вот выполнять строку с фокусом не хочет :/

[Михаил Захаров]

thekot24: да, согласен, моя ошибка. Там, действительно, keyCode, a не code. Ошибся. А насчет фокуса, то просто выберите блок по селектору. Например, $("input[type=name]").focus();

[thekot24]

Михаил Захаров: поправил, но, однако, не работает :/
https://jsfiddle.net/tz278k9o/4/

[Михаил Захаров]

Ну у вас же нет другого текстового поля (

[thekot24]

Михаил Захаров: ввод осуществляется в сам div :/

[Михаил Захаров]

thekot24: А что нужно сделать после ввода? И почему именно div?

[thekot24]

Михаил Захаров: нужно, чтобы пользователь всё вводил в одну строку
без всяких переносов.
Мне в таком варианте представили код. Почему в div - не знаю.

[Михаил Захаров]

thekot24: может лучше использовать textarea? Там можно установить лимит на строки и никакого js.
Попробуйте вот так:

$("div").keydown(function(e){
if (e.code == 13) {
e.preventDefault();
return false;
}
});

[thekot24]

Я местами дурак, каюсь. Заменил div на input - всё в норме. спасибо. =)