@AndrewRusinas

Как запретить enter в textarea?

Привет, нужно сделать следующее: при нажатии Enter в textarea вызывать функцию-обработчик, но при этом не добавлять перенос строки. Использую Vue.

Пробовал уже целую кучу вариантов.

// Не работает :(
<template lang="pug">
textarea(
    @keyup.enter="enterHandler"
)
</template>

<script>

export default {
    methods: {
        enterHandler(event) {
            event.preventDefault()

            // other logic
        }
    }
}
</script>


Пробовал так же фильтровать строку на наличие '\n', но способ крайне неэффективный - теряется позиция курсора, при этом переносы строки всё равно сохраняются и пропадают только после ввода какого-либо символа.
  • Вопрос задан
  • 1119 просмотров
Пригласить эксперта
Ответы на вопрос 2
Kozack
@Kozack Куратор тега Vue.js
Thinking about a11y
Используйте input вместо textarea
Ответ написан
0xD34F
@0xD34F Куратор тега Vue.js
@keydown.enter.prevent=""
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы