资讯专栏INFORMATION COLUMN

上云采购季！| 2核2G4M爆款云服务器低至59元/年，更有多台、长期优惠，快来选购！

立即前往
首页/文章专栏/实现输入框小数多 自动进位展示，编辑时实际值不变

实现输入框小数多 自动进位展示，编辑时实际值不变

番茄西红柿 / 3291人阅读

摘要：今天遇到个业务需求，要求输入框，输入数字的小数位数可以很多位，但移开后显示，只显示小数点后两位四舍五入，当要编辑的时候，展现其原来的输入数据。

今天遇到个业务需求，要求输入框，输入数字的小数位数可以很多位，但移开后显示，只显示小数点后两位 （四舍五入），当要编辑的时候，展现其原来的输入数据。

闲话不多说，当时也考虑用第三方插件，但感觉对现有框架后台数据取值有影响；

感觉还是前端处理下，直接采用两个input 一个用来显示四舍五入，一个用来存真实的值，

然后就是焦点移进移出的事件了，移进去控制真实input显示，移出来触发四舍五入的显示，当然这两个input得保持在同一位置上，定位好了就行。

思路出来了，就开始撸代码了！

 1 
 2     
 3         
 4             
 9         
10         
11             
16         
17     

 5                 
 6 
 7                 
 8             

12                 
13 
14                 
15             

18     
19     
41

 

GPU云服务器 云服务器 js 输入框一位小数 asp 有小数进位 js让输入框自动记录 asp输入框自动补全

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/2068.html

相关文章

  • 为什么你需要少看垃圾博客以及如何在Python里精确地四舍五入

    摘要：网上有人说，因为在计算机里面，小数是不精确的，例如在计算机中实际上是，所以当你对这个小数精确到小数点后两位的时候，实际上小数点后第三位是，所以四舍五入，因此结果为。 今天又有一个Python初学者被中文技术博客中的垃圾文章给误导了。 这位初学者的问题是： 在Python中，如何精确地进行浮点数的四舍五入，保留两位小数？ 如果你在Google或者百度上搜索，你会发现大量的来自CSDN或者...

    Object 评论0 收藏0

  • 前端实用资源整理

    摘要：事件的响应分区为三个阶段捕获目标冒泡阶段。绑定的多个事件会被覆盖，后者覆盖前者。再用转换成数值表示。如实际数量为，则展示为项目中使用过滤器做的处理可以抽取方法的，调整相关，可以获取指定位数的缩写。 CSS html5中a的download属性 定义和用法download 属性定义下载链接的地址或指定下载文件的名称。文件名称没有限定值，浏览器会自动在文件名称末尾添加该下载文件的后缀 (...

    Gu_Yan 评论0 收藏0

  • 前端实用资源整理

    摘要：事件的响应分区为三个阶段捕获目标冒泡阶段。绑定的多个事件会被覆盖，后者覆盖前者。再用转换成数值表示。如实际数量为，则展示为项目中使用过滤器做的处理可以抽取方法的，调整相关，可以获取指定位数的缩写。 CSS html5中a的download属性 定义和用法download 属性定义下载链接的地址或指定下载文件的名称。文件名称没有限定值，浏览器会自动在文件名称末尾添加该下载文件的后缀 (...

    wslongchen 评论0 收藏0

  • Python Qt GUI设计：UI界面可视化组件、属性概述（基础篇—3）

    摘要：属性配置界面的定义了组件的初始大小，其他属性都与组件大小调整时控制组件的大小相关。属性由四个值组成，分别是水平策略垂直策略水平伸展和垂直伸展。属性缺省值为空字符串。此属性默认为空。是对属性的补充说明。 目录 1、界面组件 1.1、布局组件（Layouts） 1.2、分隔组件（Spacers）...

    SexySix 评论0 收藏0

发表评论

登陆后可评论

0条评论

番茄西红柿

男|高级讲师
我要私信

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<