Tengo el siguiente código
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" )y escucho el evento keyup. Necesito que el cursor no se mueva cuando presiono arriba o abajo.
Intenté hacer lo siguiente, pero no funcionó porque el cursor se movió de todos modos
onTextAreaKeyUp(e) { if (e.key === 'ArrowDown' || e.key === 'ArrowUp') { e.preventDefault(); } }Use preventDefault en el evento keydown en lugar de keyup .
document.querySelector('textarea').addEventListener('keydown', e => { if (e.key === 'ArrowDown' || e.key === 'ArrowUp') { e.preventDefault() } }) <textarea>Hello, World! Hello, World! Hello, World! Hello, World! </textarea>