js如何判断一个input是否被选中/聚焦 使用el-input

js如何判断一个input是否被选中/聚焦 使用el-input
试过checked或者下面这种

设置一个变量，在input获取焦点是设置为true, 失去焦点是设置为false.

var status = false;
input.onfocus = () => status = true;
input.onblur = () => status = false;

1.如果使用vue官网有个@focus事件
2.如果使用原生js，可以尝试以下方法

<el-input v-model="inputValue" placeholder="请输入内容" id="myInput"></el-input>

const myInput = document.querySelector('#myInput input')
    myInput.addEventListener('focus', () => {
      console.log('1111')
    })

• 这篇博客: 【JavaScript】去除空格中的 el-input 去除头部尾部空格 部分也许能够解决你的问题, 你可以仔细阅读以下内容或跳转源博客中阅读:
  

• <el-form-item label="姓名名称" prop="name">
   <el-input v-model.trim="data.name" placeholder="请输入姓名" :disabled="dialogStatus === 'info'" />
  </el-form-item>
  

  v-model 后面加 .trim，实现的效果是去掉前后空格，但是中间空格依然可以输入，可以使用正则方法去除全部空格

• 以下回答由chatgpt基于相关博客总结生成:

  如果要检测el-input组件是否被选中或聚焦，可以使用以下代码:

  const input = document.querySelector('el-input'); // 获取el-input元素
  
  input.addEventListener('focus', () => {
    console.log('el-input被聚焦了');
  });
  
  input.addEventListener('blur', () => {
    console.log('el-input失去焦点了');
  });
  
  if (input === document.activeElement) {
    console.log('el-input当前处于聚焦状态');
  }
  

  其中，addEventListener()方法用来监听focus和blur事件，判断el-input组件是否被聚焦或失焦。另外，使用document.activeElement来判断是否处于聚焦状态。

  如果想要检测el-checkbox组件是否被选中，可以使用以下代码:

  const checkbox = document.querySelector('el-checkbox'); // 获取el-checkbox元素
  
  checkbox.addEventListener('change', () => {
    console.log('el-checkbox被选中了');
  });
  
  if (checkbox.checked) {
    console.log('el-checkbox处于选中状态');
  }
  

  其中，addEventListener()方法用来监听change事件，判断el-checkbox组件是否被选中。另外，使用checked属性来判断是否处于选中状态。