el-input输入内容后，键盘左右键不能控制光标左右移动
0
悬赏园豆：30
[待解决问题]
VUE+ElementUI，遇到个问题：el-input输入框，输入内容后，键盘左右键不能控制光标左右移动。
代码类似如下：
<el-form class="clearfix" :model="qm" label-width="70px">
<el-row :gutter="10">
<el-col :span="22">
<el-row :gutter="10">
<el-col :md="5">
<el-form-item label="设备编码">
<el-input v-model="qm.resId" placeholder="请输入"></el-input>
</el-form-item>
</el-col>
</el-row>
</el-col>
</el-row>
</el-form>
嵌套多层le-row,el-col是为了布局，这只是部分代码，项目太多这种布局，希望不是这里原因
ElementUI官网上的输入框都正常
跪求大佬指点迷津
所有回答(1)
0
你这段代码我考下来也没问题
我本地试了多个浏览器，都不能在文本框内容移动光标，问题出在哪里呢
遇到了同样的问题，是因为外层的组件代码中使用event.preventDefault()或event.stopPropagation()阻止了键盘事件的默认行为，取消掉外层组件的阻止行为
const modalClear = useMemoizedFn((event) => {
// 左键/右健
if([37, 39].includes(event.keyCode)) event.stopImmediatePropagation();
})
useEffect(() => {
– ～城南花已开～ 1个月前window.addEventListener("keydown", modalClear, true)
return () => {
window.removeEventListener("keydown", modalClear, true);
}
}, [])