如何使用JS修复粘贴后的输入文本？

Question

我想在24个空的文本字段中粘贴24个单词的助记符短语，然后每个字段将它们分布在一个单词中。它的工作，但领域，使用，包含“他的”字和整个记忆短语。怎么修呢？

const inputs = document.getElementsByTagName('input');

  useEffect(() => {
    const handlePasteAnywhere = event => {

      mnemonics = event.clipboardData.getData('text').split(' ');
      
      if(mnemonics.length >= 24){
        let j = 0;
        mnemonics.map(function(i){

          if(j < 24){
            inputs[j].value = i;
          }
          

          j++;
         
        })
      }

    };

    window.addEventListener('paste', handlePasteAnywhere);

    return () => {
      window.removeEventListener('paste', handlePasteAnywhere);
    };
  }, []);

`

mnemonics.map((i) => (
                  <Form.Control
                    className="mnemonic"
                    name="mnemonic"
                    type="text"
                    onPaste={handlePaste}
                    />
                  
                ))

‘样本助记符吸气片，点击逻辑叔叔上浪涌牡蛎事故珊瑚逻辑陨石坑，避免蔓延交换棕色兔子饲料秤摔跤胡椒事件记忆

第一字段用于糊状物:吸气片，点击逻辑叔叔上浪涌牡蛎事故珊瑚逻辑严酷的陨石坑，避免蔓延交换棕色兔子饲料秤摔角胡椒事件记忆。

我把助记符词组粘贴到字段输入后，脚本字段包含：“吸气片，点击逻辑叔父，越过浪涌牡蛎事故，珊瑚逻辑严酷的陨石坑，避免蔓延交换棕兔饲料比例尺摔跤胡椒事件记忆”

只是“吸气”而已

Answer 1

这起作用了

const handlePaste = event => {
const inputs = document.getElementsByTagName('input');
const mnemonics = event.clipboardData.getData('text').split(' ');
  
if(mnemonics.length >= 24){
  let j = 0;
  mnemonics.map(function(i){
    if(j < 24){
      inputs[j].value = i+" ";
    }
    j++;
  })
}
// fix used field
setTimeout(function() {event.target.value = event.target.value.split(' ')[0]+' ';}, 0);
return;

}；