如何在一个函数jQuery中使用bind,on,unbind和off?

时间:2014-10-23 17:54:11

标签: javascript jquery

如何在同一个函数jQuery中使用bind,on,unbind和off?有可能吗?

例如:     

    //It works.
    
    $(window).on("wheel", function(){
        alert("It works!");
    });
    
    
    
    //It doesn't work.
    
    $(window).bind("wheel").on("wheel").unbind("wheel").off("wheel", function(){
        alert("It doesn't work!");
    });
    
    
我想对四个事件使用相同的功能。

1 个答案:

答案 0 :(得分:1)

您应该首先了解jQuery的工作原理。

$("#element-id").bind('wheel', function() {})

选择#element-id,将事件处理程序(您的匿名函数)绑定到'wheel'事件,然后再次返回#element-id

在您的代码中,您没有做任何事情。

$("#element").bind('event-name', handlerFunction)

是相同的:

$("#element").on('event-name', handlerFunction)

并且

$("#element").unbind('event-name')

相同
$("#element").off('event-name')

unbind()off()中,您可以指定处理函数,即要解除绑定的函数。

例如:

$("#element").off('event-name', handlerFunction)

如果您未指定,则解除对该事件的所有处理程序的绑定。

请阅读以下四个链接: