我有以下代碼
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();
}
}
uj5u.com熱心網友回復：
preventDefault在事件上使用keydown而不是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>轉載請註明出處，本文鏈接：https://www.uj5u.com/caozuo/451586.html
標籤：javascript html Vue.js 哈巴狗