1. 程式人生 > >jquery on()事件多次呼叫解決辦法

jquery on()事件多次呼叫解決辦法

今天閒的沒事 寫了個時時監控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方法")
        });
    }

其實就是先對元素進行解綁,在進行繫結