HTML检测输入已完成自动填写下一个内容的实现方法
在上一个文章中简易实现检测输入已完成,我们实现了检测输入已完成,现在我们再进一步,在此基础上,实现检测输入已完成自动填写下一个内容。 当我们需要自动填写的内容,不希望被更改的时候,需要加上readonly属性。 功能需求 填写报销单据的时候只需填写出差天数自动计算出差补贴金额 代码如下 HTML代码: <tbody> <tr style="background-color:#FfFFFF"> <th colspan="2" class="info">出差补贴:</th> </tr> <tr style="background-color:#F3F3F3"> <th>补贴天数:</th> <td> <input class="form-control" onBlur="finnishInput(event)" "onInput(event)" id="travelAllowanceDaysId" type="number" placeholder=""> </td> </tr> <tr style="background-color:#FFFFFF"> <th>补贴金额:</th> <td> <input class="form-control" id="travelAllowanceFeesId" type="number" placeholder=""> </td> </tr> </tbody> JavaScript代码: var flag = 0; function onInput(e) { console.log("Inputing"); flag = 1; $api.removeAttr($api.byId('travelAllowanceFeesId'), 'readonly'); } function finnishInput(e) { if (1 == flag) { console.log("InputOk"); flag = 0; $api.byId('travelAllowanceFeesId').value = 400*$api.byId('travelAllowanceDaysId').value; $api.attr($api.byId('travelAllowanceFeesId'), 'readonly', true); } } 结果如下 总结 以上所述是小编给大家介绍的HTML检测输入已完成自动填写下一个内容的实现方法 ,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持! (编辑:温州站长网) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |
- sql-server – 使用FreeTDS连接到MS SQL Server:错误20002
- SSIS:通过OLE DB连接访问Excel 2013以及对不同Sheet页的数
- SQL Server与Oracle数据库在查询优化上的差异(一)
- sql-server – 两个日期列的SARGable WHERE子句
- 详解Html页面中内容禁止选择、复制、右键的实现方法
- 我为人人人人为我 互联网最新P2P软件BT解密
- 编写Postgres获取或创建SQL查询
- SQL Server误区:数据库镜像在妨碍产生后顿时就能发明
- 如何统计分析SQL Server Profiler 跟踪的SQL
- sql-server – DL380p-Gen8 D2700适用于SQL 2012标准版的适