前端input框的一些问题记录

最新推荐文章于 2024-02-27 12:03:29 发布

原创最新推荐文章于 2024-02-27 12:03:29 发布 · 332 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #jquery

笔记总结专栏收录该内容

8 篇文章

订阅专栏

博客介绍了JavaScript相关技巧，包括点击全选的实现代码，以及只允许输入两位小数的方法。同时还提及数字精度问题，如小数奇数参与运算会丢失精度，整数在极大情况下也会丢失精度，可通过乘以整数后运算再除来处理。

1.点击全选： οnfοcus=“this.select();”

<input name="amount" type="number" class="form-control" id="amount"
                                       placeholder="收款金额" value=""  onfocus="this.select();" onkeyup="numNumber(this)">

2.只允许输入两位小数：οnkeyup=“numNumber(this)”

function numNumber(obj) {
        obj.value = obj.value.replace(/^(\-)*(\d+)\.(\d\d).*$/,'$1$2.$3'); //只能输入两个小数
    }

3.数字精度问题
（1）小数的话奇数参与运算会丢失精度，最好乘以整数后运算再除

 var totalAmount = $("#totalAmount").html();
        totalAmount = (Number(totalAmount)*100 + Number(amount)*100)/100;
        $("#totalAmount").html(totalAmount);

（2）整数丢失精度在极大的情况会出现
（3）