HTML implements the function of detecting input completion

• Use "onInput(event)" to detect whether input is in progress
• Use onporpertychange="onChange(event)" to detect whether the content has changed
• Use onBlur="finnishInput(event)" to detect whether the focus is lost

You can first detect whether you are inputting and record the status. If you were inputting information last time and then lost focus, you can determine that the input is complete.

The HTML code is as follows:

<tr style="background-color:#FFFFFF">
    <th>Business trip location:</th>
    <td>
        <input class="form-control" onBlur="finnishInput(event)" "onInput(event)" onporpertychange="onChange(event)" id="travelLocationId" type="text" placeholder="travel location">
    </td>
</tr>

The JS code is as follows

var flag = 0;
function onInput(e){
  console.log("Inputing");
  flag = 1;
}

function finishInput(e) {
  if(1 == flag){
    console.log("InputOk");
    flag = 0;
  }
}

After testing, the function of judging whether the input is completed is realized and can be used repeatedly.

The above is the HTML implementation of the input completion detection function introduced by the editor. I hope it will be helpful to everyone. If you have any questions, please leave me a message and the editor will reply to you in time. I would also like to thank everyone for their support of the 123WORDPRESS.COM website!
If you find this article helpful, please feel free to reprint it and please indicate the source. Thank you!