js 获取焦点，然后模拟按键输入数据

Question

js 获取焦点，然后模拟按键输入数据

想问一下通过js实现获取焦点输入数据的办法有没有

现在用vue书写一个需求，界面切换回输入框以后通过js获取焦点，然后模拟键盘输入数据，达到触发下拉数据的效果

有没有大佬会的呢？

Answer 1

通过ref获取dom元素，然后触发元素的focus事件就可以了啊,如果是其他的事件，把focus改为其他事件就可以。

<template>
  <div id="app">
    <input ref="test"/>
  </div>
</template>

<script>
export default {
  mounted(){
    this.$refs.test.focus()
  },
};
</script>

Answer 2

1. 焦点的话用 label for 来在单击时拿到。其他方法有可能会导致拿不到
2. 然后就是下拉数据直接 $refs 去调用组件方法即可