JavaScript 调用事件时多触发其他方法

最新推荐文章于 2022-01-11 15:53:47 发布

爆炒薄荷糖

最新推荐文章于 2022-01-11 15:53:47 发布

阅读量610

点赞数

本文链接：https://blog.csdn.net/qq_52646455/article/details/121564367

版权

JS 绑定事件小建议

例：

<body>
    <button>点击</button>
</body>
<script>
    $(document).keydown(function(){
        console.log('1');
    });
</script>
<script>
    $(document).keydown(function(){
        console.log('2');
    });
</script>
<script>
    $('button').click(function(){
        $(document).keydown();
    })
</script>

运行结果

在这里插入图片描述

由此可以看到在 JS 中，如果一个对象绑定一个事件多个方法时，就算是在 JS 中调用也会一起触发，单这样看的话，看起来非常的容易修改，但是我们不在一个文件上写，而是分为多个 JS 文件时就可能发现这个问题。

如果说需要在 JS 代码中出再次触发一次事件，我们可以将需要触发的代码封装为一个方法，在调用它，同时也可以在触发事件时也是调用这个方法。

这样不仅可以避免上方的问题，也可以是代码更容易管理与分辨。

如下：

function spzj(a, d, s, z) {
        function fn2() {
            var dj = d.text();
            function fn() {
                if (!isNaN(dj)) {
                    return dj;
                } else {
                    dj = dj.substr(1);
                    fn();
                }
            }
            fn();
            var Price = dj * s.val();
            z.text(Price);
        }
        a.click(fn2());
        s.on('input propertychange', function () {
            fn2();
        });
        fn2();
    }

爆炒薄荷糖

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JavaScript 调用事件时多触发其他方法

当我们在 js 中调用事件时没有运行我们预想的效果例：<body> <button>点击</button></body><script> $(document).keydown(function(){ console.log('1'); });</script><script> $(document).keydown(function(){ cons
复制链接

扫一扫