HTML實現檢測輸入已完成功能

使用"onInput(event)"檢測是否在輸入
使用onporpertychange="onChange(event)"檢測是否內容發生改變
使用onBlur="finnishInput(event)"檢測是否失去焦點
可以通過先檢測是否在輸入，記下狀態，如果上次在輸入信息，然後失去焦點，則可以判斷爲輸入已完成。
HTML代碼如下：
1
2
3
4
5
6
<tr style="background-color:#FFFFFF">
<th>出差地點:</th>
<td>
<input class="form-control" onBlur="finnishInput(event)" "onInput(event)" onporpertychange="onChange(event)" id="travelLocationId" type="text" placeholder="travel location">
</td>
</tr>
JS代碼如下
1
2
3
4
5
6
7
8
9
10
11
12
var flag = 0;
function onInput(e){
console.log("Inputing");
flag = 1;
}

function finnishInput(e) {
if(1 == flag){
console.log("InputOk");
flag = 0;
}
}
經過測試，實現了判斷輸入是否完成的功能，且可以反覆使用。