jquery移除、绑定、触发元素事件使用示例详解

复制代码

成都创新互联是专业的海沧网站建设公司，海沧接单;提供网站建设、网站设计,网页设计,网站设计,建网站,PHP网站建设等专业做网站服务;采用PHP框架,可快速的进行海沧网站开发网页制作和功能扩展;专业做搜索引擎喜爱的网站,专业的做网站团队,希望更多企业前来合作!

代码如下:

unbind(type

[,data])

//data是要移除的函数

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

//移除click

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

//移除所有

对于只需要触发一次的，随后就要立即解除绑定的情况，用one()

复制代码

代码如下:

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

触发操作

trigger()

方法触发被选元素的指定事件类型。

复制代码

代码如下:

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

也可以直接执行事件

复制代码

代码如下:

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

触发自定义事件

bind()

方法为被选元素添加一个或多个事件处理程序，并规定事件发生时运行的函数。

复制代码

代码如下:

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

模拟触发上面的绑定函数

复制代码

代码如下:

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

传递数据trigger(event,[param1,param2,...])

复制代码

代码如下:

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

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

触发执行默认操作

复制代码

代码如下:

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

//不仅会触发input元素绑定的focus事件，还会触发默认操作——得到焦点

只触发绑定事件，不执行浏览器默认操作

复制代码

代码如下:

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

//只触发绑定事件，不执行浏览器默认操作

其他用法

绑定多个事件类型

复制代码

代码如下:

$("div").bind("mouseover

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

添加事件命名空间

复制代码

代码如下:

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

在所绑定的世界类型后面添加命名空间，这样在删除事件时只需要指定命名空间即可。

复制代码

代码如下:

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

//删除空间内的事件

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

//触发所以不包含在命名空间中的click方法

如果包含在命名空间的也要触发

复制代码

代码如下:

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

取消或者绑定函数

复制代码

代码如下:

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

RecommandProduct);//为div绑定RecommandProduct

函数

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

RecommandProduct);//取消RecommandProduct

函数

jquery的绑定、解除事件方面的问题，js中用到了unbind('mouseout');

你可以在每次绑定之前先解绑原来的事件

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

jquery click 多次绑定，多次触发，怎么清除历史绑定事件

jQuery的click绑定有多种，解除绑定的方式也不相同

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

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

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

如果不确定使用的是那种方式绑定的，那就都用上：

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

jquery取消双击事件的绑定的方法是off吗

off()函数用于移除元素上绑定的一个或多个事件的事件处理函数。

off()函数主要用于解除由on()函数绑定的事件处理函数。

该函数属于jQuery对象(实例)。

语法

jQuery 1.7 新增该函数。其主要有以下两种形式的用法：

用法一：

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

用法二：

jQueryObject.off( eventsMap [, selector ] )

参数

参数

描述

events 可选/String类型一个或多个用空格分隔的事件类型和可选的命名空间，例如"click"、"focus click"、"keydown.myPlugin"。

eventsMap Object类型一个Object对象，其每个属性对应事件类型和可选的命名空间(参数events)，属性值对应绑定的事件处理函数(参数handler)。

selector 可选/String类型一个jQuery选择器，用于指定哪些后代元素可以触发绑定的事件。如果该参数为null或被省略，则表示当前元素自身绑定事件(实际触发者也可能是后代元素，只要事件流能到达当前元素即可)。

handler 可选/Function类型指定的事件处理函数。

off()函数将会移除当前匹配元素上为后代元素selector绑定的events事件的事件处理函数handler。

如果省略参数selector，则移除为任何元素绑定的事件处理函数。

参数selector必须与通过on()函数添加绑定时传入的选择器一致。

如果省略参数handler，则移除指定元素指定事件类型上绑定的所有事件处理函数。

如果省略了所有参数，则表示移除当前元素上为任何元素绑定的任何事件类型的任何事件处理函数

jquery文本框事件绑定与取消怎么实现

bind()的反向操作，从每一个匹配的元素中删除绑定的事件。

如果没有参数，则删除所有绑定的事件。

你可以将你用bind()注册的自定义事件取消绑定。

如果提供了事件类型作为参数，则只删除该类型的绑定事件。

如果把在绑定时传递的处理函数作为第二个参数，则只有这个特定的事件处理函数会被删除。

名称栏目：解除绑定jquery,解除绑定健康码
标题网址：http://kswjz.com/article/dsgpoep.html