- 使用"onInput(event)"檢測是否在輸入
- 使用onporpertychange="onChange(event)"檢測是否內(nèi)容發(fā)生改變
- 使用onBlur="finnishInput(event)"檢測是否失去焦點
可以通過先檢測是否在輸入，記下狀態(tài)，如果上次在輸入信息，然后失去焦點，則可以判斷為輸入已完成。
HTML代碼如下：
<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代碼如下
var flag = 0;
function onInput(e){
console.log("Inputing");
flag = 1;
}
function finnishInput(e) {
if(1 == flag){
console.log("InputOk");
flag = 0;
}
}
經(jīng)過測試，實現(xiàn)了判斷輸入是否完成的功能，且可以反復使用。
以上所述是小編給大家介紹的HTML實現(xiàn)檢測輸入已完成功能 ,希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持！
如果你覺得本文對你有幫助，歡迎轉(zhuǎn)載，煩請注明出處，謝謝！
