Как запретить ввод HTML по нажатию на ENTER?

Question

[Yariik]

Когда нажимаю на пустое текстовое поле -> ENTER вставляется следующая разметка
<div><br></div><div><br></div>
мне же нужно, что б этой разметки не было и вообще на нажатию на ENTER если поле пустое то ничего не делать с ним
я пробовал сделать вот так, но все равно есть "люфт" каретки

$(".msg-block").keyup(function(event) {
    if (event.keyCode === 13 && $('.emoji-wysiwyg-editor').text() === '' ) {
            $('.emoji-wysiwyg-editor').html('')
    }
});

Answer 1

[Денис Инешин]

Чтобы нажатие не срабатывало - вам нужно добавить вызов `event.preventDefault()`

Comments

[Yariik]

так и делал, не работает

$(".msg-block").keyup(function(event) {
    event.preventDefault()
    if (event.keyCode === 13 && $('.emoji-wysiwyg-editor').text() === '' ) {
            addPadding
        
    }
    else if(event.keyCode === 13){
        addPadding
        sendMsg(document.getElementById('send-msg'))
    }
});

Answer 2

[zkrvndm]

На мой взгляд, это плохая идея, использовать блоки для ввода текста. Лучше используйте textarea + autosize.
Это такой плагин, который автоматически меняет высоту текстового поля в зависимости от количества строк:
https://www.jacklmoore.com/autosize

Comments

[Yariik]

я так и сделал, у меня див с contenteditable="true", и ресайз у меня с фреймами, но вопрос не в этом