jquery移除、綁定、觸發(fā)元素事件使用示例詳解

復(fù)制代碼

成都創(chuàng)新互聯(lián)是專業(yè)的海滄網(wǎng)站建設(shè)公司，海滄接單;提供網(wǎng)站建設(shè)、網(wǎng)站設(shè)計(jì),網(wǎng)頁設(shè)計(jì),網(wǎng)站設(shè)計(jì),建網(wǎng)站,PHP網(wǎng)站建設(shè)等專業(yè)做網(wǎng)站服務(wù);采用PHP框架,可快速的進(jìn)行海滄網(wǎng)站開發(fā)網(wǎng)頁制作和功能擴(kuò)展;專業(yè)做搜索引擎喜愛的網(wǎng)站,專業(yè)的做網(wǎng)站團(tuán)隊(duì),希望更多企業(yè)前來合作!

代碼如下:

unbind(type

[,data])

//data是要移除的函數(shù)

$('#btn').unbind("click");

//移除click

$('#btn').unbind();

//移除所有

對于只需要觸發(fā)一次的，隨后就要立即解除綁定的情況，用one()

復(fù)制代碼

代碼如下:

$('#btn').one("click",function(){.......});

觸發(fā)操作

trigger()

方法觸發(fā)被選元素的指定事件類型。

復(fù)制代碼

代碼如下:

$('#btn').trigger("click");

也可以直接執(zhí)行事件

復(fù)制代碼

代碼如下:

$('#btn').click();

觸發(fā)自定義事件

bind()

方法為被選元素添加一個或多個事件處理程序，并規(guī)定事件發(fā)生時運(yùn)行的函數(shù)。

復(fù)制代碼

代碼如下:

$('#btn').bind("myclick",function(){....});

模擬觸發(fā)上面的綁定函數(shù)

復(fù)制代碼

代碼如下:

$('#btn').trigger("myclick");

傳遞數(shù)據(jù)trigger(event,[param1,param2,...])

復(fù)制代碼

代碼如下:

$('#btn').bind("myclick",function(event,message1,message2){...........});

$('#btn').trigger("myclick",["傳給message1","傳給message2"]);

觸發(fā)執(zhí)行默認(rèn)操作

復(fù)制代碼

代碼如下:

$("input").trigger("focus");

//不僅會觸發(fā)input元素綁定的focus事件，還會觸發(fā)默認(rèn)操作——得到焦點(diǎn)

只觸發(fā)綁定事件，不執(zhí)行瀏覽器默認(rèn)操作

復(fù)制代碼

代碼如下:

$("input").triggerHandler("focus");

//只觸發(fā)綁定事件，不執(zhí)行瀏覽器默認(rèn)操作

其他用法

綁定多個事件類型

復(fù)制代碼

代碼如下:

$("div").bind("mouseover

mouseout",function(){.....});

添加事件命名空間

復(fù)制代碼

代碼如下:

$("div").bind("click.plugin",function(){......});

在所綁定的世界類型后面添加命名空間，這樣在刪除事件時只需要指定命名空間即可。

復(fù)制代碼

代碼如下:

$("div").unbind(".plugin");

//刪除空間內(nèi)的事件

$("div").trigger("click!");

//觸發(fā)所以不包含在命名空間中的click方法

如果包含在命名空間的也要觸發(fā)

復(fù)制代碼

代碼如下:

$(“div”).trigger(“click”);

取消或者綁定函數(shù)

復(fù)制代碼

代碼如下:

$('div').bind('click',

RecommandProduct);//為div綁定RecommandProduct

函數(shù)

$('div').unbind('click',

RecommandProduct);//取消RecommandProduct

函數(shù)

jquery的綁定、解除事件方面的問題，js中用到了unbind('mouseout');

你可以在每次綁定之前先解綁原來的事件

$("#img").unbind("mouseout").bind("mouseout",function(){....});

jquery click 多次綁定，多次觸發(fā)，怎么清除歷史綁定事件

jQuery的click綁定有多種，解除綁定的方式也不相同

1）使用.bind()綁定事件，在1.7之后建議使用on，使用.unbind()解除綁定

2）使用.live()綁定事件，使用.die()解除綁定

3）使用.delegate()綁定事件，使用undelegate()解除

如果不確定使用的是那種方式綁定的，那就都用上：

.bind("click").die("click").undelegate("click")

jquery取消雙擊事件的綁定的方法是off嗎

off()函數(shù)用于移除元素上綁定的一個或多個事件的事件處理函數(shù)。

off()函數(shù)主要用于解除由on()函數(shù)綁定的事件處理函數(shù)。

該函數(shù)屬于jQuery對象(實(shí)例)。

語法

jQuery 1.7 新增該函數(shù)。其主要有以下兩種形式的用法：

用法一：

jQueryObject.off( [ events [, selector ] [, handler ] ] )

用法二：

jQueryObject.off( eventsMap [, selector ] )

參數(shù)

參數(shù)

描述

events 可選/String類型一個或多個用空格分隔的事件類型和可選的命名空間，例如"click"、"focus click"、"keydown.myPlugin"。

eventsMap Object類型一個Object對象，其每個屬性對應(yīng)事件類型和可選的命名空間(參數(shù)events)，屬性值對應(yīng)綁定的事件處理函數(shù)(參數(shù)handler)。

selector 可選/String類型一個jQuery選擇器，用于指定哪些后代元素可以觸發(fā)綁定的事件。如果該參數(shù)為null或被省略，則表示當(dāng)前元素自身綁定事件(實(shí)際觸發(fā)者也可能是后代元素，只要事件流能到達(dá)當(dāng)前元素即可)。

handler 可選/Function類型指定的事件處理函數(shù)。

off()函數(shù)將會移除當(dāng)前匹配元素上為后代元素selector綁定的events事件的事件處理函數(shù)handler。

如果省略參數(shù)selector，則移除為任何元素綁定的事件處理函數(shù)。

參數(shù)selector必須與通過on()函數(shù)添加綁定時傳入的選擇器一致。

如果省略參數(shù)handler，則移除指定元素指定事件類型上綁定的所有事件處理函數(shù)。

如果省略了所有參數(shù)，則表示移除當(dāng)前元素上為任何元素綁定的任何事件類型的任何事件處理函數(shù)

jquery文本框事件綁定與取消怎么實(shí)現(xiàn)

bind()的反向操作，從每一個匹配的元素中刪除綁定的事件。

如果沒有參數(shù)，則刪除所有綁定的事件。

你可以將你用bind()注冊的自定義事件取消綁定。

如果提供了事件類型作為參數(shù)，則只刪除該類型的綁定事件。

如果把在綁定時傳遞的處理函數(shù)作為第二個參數(shù)，則只有這個特定的事件處理函數(shù)會被刪除。