Как предотвратить нормальное поведение курсора при нажатии клавиш в текстовой области

У меня есть следующий код

textarea#main-text-area(
        rows="1"
        ref="textArea"
        maxlength="4096"
        v-model="message"
        :placeholder="placeholder"
        @keyup="onTextAreaKeyUp"  
        @change="onChangeMessage"
        :class="{ 'vars-error': varsError }"
        v-click-outside="onTextAreaBlur"
      )

И я слушаю событие keyup. Мне нужно, чтобы курсор не двигался, когда я нажимаю вверх или вниз.

Я пытался сделать следующее, но у меня это не сработало, так как курсор все равно движется

onTextAreaKeyUp(e) {
  if (e.key === 'ArrowDown' || e.key === 'ArrowUp') {
    e.preventDefault();
  }
}