谈谈jquery的事件名称和命名空间

发布日期：2018年09月18日文章来源：http://www.tengways.com

accutane without insurance reddit

accutane without side effects

buy antidepressants mastercard

amitriptyline and tinnitus

buy antibiotic online

buy antibiotics online

clomid uk

clomid uk sale

buy accutane online

accutane without insurance redirect accutane without blood tests

buy antidepressant

buy antidepressants mastercard shellware.com amitriptyline for back pain

buy zoloft online

buy antidepressant online

medical abortion

abortion pill online usa

where can i buy naltrexone online

buy naltrexone online canada click where to buy low dose naltrexone

jQuery事件命名空间

我们先看一些代码：

$(“#haorooms”).on("click.a",function(){});

$(“#haorooms”).on("click.a.bb",function(){});

$(“#haorooms”).on("dbclick.a",function(){});

$(“#haorooms”).on("mouseover.a",function(){});

$(“#haorooms”).on("mouseout.a",function(){});

当然，我们也可以用bind进行事件绑定。我们看到上面的代码，我们可以在事件后面，以点号，加我们的名字，就是事件命名空间。所谓事件命名空间，就是事件类型后面以点语法附加一个别名，以便引用事件，如”click.a”，其中”a”就是click当前事件类型的别名，即事件命名空间。

假如我们要删除如下命名空间：

$(“#haorooms”).on("click.a.bb",function(){});

我们可以用：

$(“#haorooms”).off("click.a.bb");//直接删除bb命名空间【推荐】

$(“#haorooms”).off(".bb"); //直接删除bb命名空间【推荐】

$(“#haorooms”).off(".a"); //删除.a命名空间下面所有的子空间【包括.a.bb .a.cc等等，.a是.bb的父级，因此.a下面的都会删掉】

$(“#haorooms”).off("click");//直接解绑click，下面的命名空间都会删除。

要注意的是：

假如我们写了如下代码：

$(“#haorooms”).on("click",function(){});

$(“#haorooms”).on("click.a",function(){});

$(“#haorooms”).on("click.a.bb",function(){});

那么我们要用trigger触发click事件，也就是触发第一个，岂不是把click.a和click.a.bb都触发了，那如何解决这个问题呢，我只想触发click，而不触发click.a及以下的命名空间？

没关系！有如下解决办法：

如果事件类型后面附加感叹号，则表示触发不包含命名空间的特定事件类型。

假如我们只想触发click，可以这么写：

$(“#haorooms”).trigger("click!")

只触发bb，可以这么写：

$(“#haorooms”).trigger("click.a.bb");

有了命名空间，可以方便我们在同一个事件上面做管理啦！！！

自定义事件

我在这里就不多描述了！所有自定义事件都可以通过jQuery方法触发，例如下面的示例自定一个Delay事件类型，并把它绑定到input元素对象上，然后在按钮单击事件中触发自定义事件。

$("input").bind("delay",function(event){

setTimeout(function(){

alert(event.type);

},1000);

});

$("input").click(function(){

$("input").trigger("delay"); //触发自定义事件

});

上一篇:没有了

下一篇:Jquery判断页面滚动条(scroll)是上滚还是下滚，且是否滚动到头部或者底部

返回列表

新闻资讯

谈谈jquery的事件名称和命名空间