enter换行

215 阅读1分钟

enter换行

代码示例

<!-- name  标识字段 -->
   <a-input
   name = "name1"
   @focus="$event.currentTarget.select()"
   @keyup.enter=" enterKey(index, $event)">
   </a-input>
enterKey ( idx, e) {
// 使用了idx,e

      // 获取input列表
      let inputTrs = document.querySelectorAll(".ant-table-tbody > tr"),
        inputs = inputTrs[idx].querySelectorAll("td .ant-input"),
        index = -1
      console.log(inputTrs, 'inputTrs');
      console.log(inputs, 'inputs');

      inputs = [...inputs].filter(ele => !ele.disabled && ele.name && ele.name != 'tax_rate')
      let len = inputs.length
      console.log(inputs, "inputs 当前行input数组", "长度", len);
      // 判断当前位置
      for (let i = 0; i < len; i++) {
        if (e.target.name == inputs[i].name) {
          index = i + 1;
          break;
        }
      }
      console.log(index, '第几个input');
      // 当前行最后一个
      if (index == len) {
        console.log("当前行最后一个");
        index = 0;
        // inputTrs = document.querySelectorAll(".ant-table-tbody > tr");
        inputs = inputTrs[idx].querySelectorAll("td .ant-input");
        inputs = [...inputs].filter(ele => ele.name)
      }
      inputs[index].focus();
      // 一行的最后一个

    },