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实现检测输入已完乐成能 ,但愿对各人有所辅佐，假如各人有任何疑问请给我留言，小编会实时回覆各人的。在此也很是感激各人对剧本之家网站的支持！
假如你认为本文对你有辅佐，接待转载，烦请注明出处，感谢！

（编辑：湖南网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!