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

• 使用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(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; }}

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

以上所述是小編給大家介紹的HTML實現檢測輸入已完成功能,希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對VeVb武林網站的支持！

如果你覺得本文對你有幫助，歡迎轉載，煩請註明出處，謝謝！