jquery on()事件多次调用解决办法

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/Sunny__wei/article/details/82664746

今天闲的没事 写了个时时监控input框的组件，在用on() 方法进行绑定change事件时发现出现多次调用的情况。
现在说说自己的解决方法，和大家分享一下：

var validators = function()
    {
        $(document).on("change","[validator]",function()
        {
            console.log("on方法")
        });
    }

该方法在公共页面进行初始化：

<script>
    validators();
</script>

效果：

每次触发change事件都会调用1+次，这样就和不友好了。

解决办法：

//先解除绑定在进行元素绑定
var validators = function()
    {
        $(document).off("change").on("change","[validator]",function()
        {
            console.log("on方法")
        });
    }

其实就是先对元素进行解绑，在进行绑定