[APICloud實用教程]簡易實現檢測輸入已完成
阿新 • • 發佈:2018-12-01
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;
}
}
經過測試,實現了判斷輸入是否完成的功能,且可以反覆使用。