How to disable enter in textarea?

Question

JavaScript

Hello, you need to do the following: when you press Enter in a textarea, call the handler function, but do not add a line break. I am using Vue.

I've already tried a bunch of options.

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

<script>

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

            // other logic
        }
    }
}
</script>

I also tried to filter the string for the presence of '\n', but the method is extremely inefficient - the cursor position is lost, while line breaks are still saved and disappear only after a character is entered.

Answer 1

Use input instead of textarea

Answer 2

@keydown.enter.prevent=""

Answer 3

"12j3h0Fv7k8L85f93u3TT023m8n3" вы УЖЕ пробовали?