实现金额标准化,三位一逗号

最新推荐文章于 2024-02-27 15:57:54 发布

YPX_早起的鸟儿

最新推荐文章于 2024-02-27 15:57:54 发布

阅读量264

点赞数

文章标签： javascript 前端 html

本文链接：https://blog.csdn.net/YPX_YGWW/article/details/127073755

版权

function formatMoney (value){
        if (value === 0) {
            return parseFloat(value).toFixed(2);
        };
        if (value == '' || !value) {
            return '';
        }
        value = Number(value);
        if (isNaN(value)) return '';

        return value.toFixed(2).replace(/(\d)(?=(\d{3})+\.)/g, '$1, ');
    }

2.什么是事件监听?事件监听语法,事件监听如何使用?如何取消事件监听

(1)事件监听的语法:

Dom元素.addEventListener("去掉on的事件",回调函数,[true/false])

=======>true代表捕获,false代表冒泡,默认是冒泡

如下:同一个元素绑两次点击事件,会执行最下面,如下图:只打印112

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <button>按钮</button>
</body>
</html>
<script>
   var oButtion=document.querySelector("button");
    oButtion.onclick=function(){
        console.log(111);
    };
    oButtion.onclick=function(){
        console.log(112);
    };//只打印后面的
</script>

如果想给同一元素多次绑定同一事件,既111和112都打印出来,这个时候,我们就可以用到事件监听.

事件监听,给同一元素多次绑定同一事件,事件都执行,如下:两个都打印

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <button>按钮</button>
</body>
</html>
<script>
    var oButtion=document.querySelector("button");
    // 事件监听,则是同一元素多次绑定同一事件,事件都执行
    oButtion.addEventListener("click",function(){
        console.log(111);
    });
    oButtion.addEventListener("click",function(){
        console.log(112);
    });
   

</script>

还可以这样写:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <button>按钮</button>
</body>
</html>
<script>
    var oButtion=document.querySelector("button");
  
    var fun=function(){
        console.log(113);
    }
    oButtion.addEventListener("click",fun);
   
</script>

那么如果想取消事件监听:

Dom元素.removeEventListener("去掉on的事件",回调函数名)

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <button>按钮</button>
</body>
</html>
<script>
    var oButtion=document.querySelector("button");
  
    oButtion.addEventListener("click",function(){
        console.log(111);
    });
    oButtion.addEventListener("click",function(){
        console.log(112);
    });
    // 取消事件监听
    var fun=function(){
        console.log(113);
    }
    oButtion.addEventListener("click",fun);
    // 取消事件监听
    oButtion.removeEventListener("click",fun);


</script>

两个方法的回调函数必须是同一个函数对象才可以取消事件绑定