談?wù)刯query的事件名稱和命名空間

發(fā)布日期：2018年09月18日文章來源：http://www.18dy18dv.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(){});

當(dāng)然，我們也可以用bind進(jìn)行事件綁定。我們看到上面的代碼，我們可以在事件后面，以點(diǎn)號(hào)，加我們的名字，就是事件命名空間。所謂事件命名空間，就是事件類型后面以點(diǎn)語法附加一個(gè)別名，以便引用事件，如”click.a”，其中”a”就是click當(dāng)前事件類型的別名，即事件命名空間。

假如我們要?jiǎng)h除如下命名空間：

$(“#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的父級(jí)，因此.a下面的都會(huì)刪掉】

$(“#haorooms”).off("click");//直接解綁click，下面的命名空間都會(huì)刪除。

要注意的是：

假如我們寫了如下代碼：

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

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

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

那么我們要用trigger觸發(fā)click事件，也就是觸發(fā)第一個(gè)，豈不是把click.a和click.a.bb都觸發(fā)了，那如何解決這個(gè)問題呢，我只想觸發(fā)click，而不觸發(fā)click.a及以下的命名空間？

沒關(guān)系！有如下解決辦法：

如果事件類型后面附加感嘆號(hào)，則表示觸發(fā)不包含命名空間的特定事件類型。

假如我們只想觸發(fā)click，可以這么寫：

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

只觸發(fā)bb，可以這么寫：

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

有了命名空間，可以方便我們?cè)谕粋€(gè)事件上面做管理啦?。?！

自定義事件

我在這里就不多描述了！所有自定義事件都可以通過jQuery方法觸發(fā)，例如下面的示例自定一個(gè)Delay事件類型，并把它綁定到input元素對(duì)象上，然后在按鈕單擊事件中觸發(fā)自定義事件。

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

setTimeout(function(){

alert(event.type);

},1000);

});

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

$("input").trigger("delay"); //觸發(fā)自定義事件

});

上一篇:沒有了

下一篇:Jquery判斷頁面滾動(dòng)條(scroll)是上滾還是下滾，且是否滾動(dòng)到頭部或者底部

返回列表

在线观看成人无码AV,久久综合九色综合欧美狠狠,被按摩的人妻中文字幕,GOGOGO高清在线观看免费

新聞資訊

談?wù)刯query的事件名稱和命名空間