HTML實(shí)現(xiàn)檢測輸入已完成功能

• 使用"onInput(event)"檢測是否在輸入
• 使用onporpertychange="onChange(event)"檢測是否內(nèi)容發(fā)生改變
• 使用onBlur="finnishInput(event)"檢測是否失去焦點(diǎn)

可以通過先檢測是否在輸入，記下狀態(tài)，如果上次在輸入信息，然后失去焦點(diǎn)，則可以判斷為輸入已完成。

HTML代碼如下：

<tr style="background-color:#FFFFFF">
    <th>出差地點(diǎn):</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)過測試，實(shí)現(xiàn)了判斷輸入是否完成的功能，且可以反復(fù)使用。
 

以上所述是小編給大家介紹的HTML實(shí)現(xiàn)檢測輸入已完成功能 ,希望對(duì)大家有所幫助，如果大家有任何疑問請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持！
如果你覺得本文對(duì)你有幫助，歡迎轉(zhuǎn)載，煩請(qǐng)注明出處，謝謝！