vue 模拟input框输入

林小木
  • 428

js中可以通过代码实行模拟手输数据到input框

在vue中要怎么实现呢?

例如:现在有一个input框,我要用代码的形式模拟手输入数据(不是赋值)是模拟输入

类似

this.$refs.xxx.$el.xxx 后面的不知道怎么写了。

效果就是通过代码模拟键盘手输数据

有没有大佬知道怎么实现??

回复
阅读 1k
3 个回答

你是想要个打字效果吗?类似下图这种:image.png

可以在div上加个border模拟出input效果。

完整代码见这个示例

  1. 依次触发 keydownkeyupkeypress 事件
  2. 赋值给 <input>
  3. 触发 input 事件

基本是这样

通过每隔300毫秒给赋一个新的值。大概是这样

  1. H
  2. He
  3. Hel
  4. Hell
  5. Hello

目测和手动效果是一样的

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
宣传栏