APICloud簡易實現檢測輸入已完成

• 使用oninput="onInput(event)"檢測是否在輸入
• 使用onporpertychange="onChange(event)"檢測是否內容發生改變
• 使用onBlur="finnishInput(event)"檢測是否失去焦點
  可以通過先檢測是否在輸入，記下狀態，如果上次在輸入資訊，然後失去焦點，則可以判斷為輸入已完成。

HTML程式碼如下：

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

JS程式碼如下：

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

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

經過測試，實現了判斷輸入是否完成的功能，且可以反覆使用。