成都创新互联网站制作重庆分公司

jquery解绑事件,jq绑定事件的几种方式

jQuery事件

bind();

在石门等地区,都构建了全面的区域性战略布局,加强发展的系统性、市场前瞻性、产品创新能力,以专注、极致的服务理念,为客户提供成都网站设计、成都做网站 网站设计制作定制网站建设,公司网站建设,企业网站建设,品牌网站设计,营销型网站建设,外贸网站制作,石门网站建设费用合理。

参数一:要绑定事件函数的事件名。

参数二:要绑定的事件函数(事件函数名),如果将来有可能删除该绑定的函数,则必须传函数名。

bind()方法可以通过链式调用的形式连续多次调用,进而个同一标签的同一事件(不同事件)添加不同的事件函数。

on('事件名',fn);

one('事件名',fn);该方法绑定的事件函数只能被触发一次。

unbind();

参数一:要解绑事件函数的事件名(如果只传这一个参数,则该事件名中绑定的函数全部解除)。

参数二:要解除绑定的事件函数名。

off();

注意:bind()和unbind()在3.0后已经被on()和off()取代。

事件简写本质就是简化给标签添加事件函数的操作,标准的添加事件方法:on/bind/one,类似于js的DOM2级添加事件函数操作;事件简写类似于DOM0级的事件绑定操作。

jq事件简写绑定事件函数的技术实现原理:

1、jq给每一个事件名定义了同名的函数,用户调用的事件简写形式,就是在调用这个和事件名同名的函数

2、同名函数内部实现原理:当用户调用了该函数,首先获取该函数的函数名(函数名代表的是事件名),在函数内部通过on把通过参数传进来的函数绑定在函数名对应的事件上。

blur(fn):失去焦点时触发该方法。

focus(fn):当鼠标或tab按钮让元素获得焦点时,触发该函数。

change(fn):表单元素失去焦点(单选框、复选框、下拉菜单标签被选中即可触发,不需等待失去焦点),触发该事件。

click(fn):鼠标点击时触发该事件。

dbclick(fn):双击元素时触发该事件(注意:把click和dbclick用于同一个元素会产生问题)。

$(window).scroll(fn):当页面滚动时触发事件。

hover(fn1,fn2):鼠标移入触发fn1函数,鼠标移出触发fn2函数。

复合事件:toggle().在1.8之前中,复合了奇、偶次点击事件,在1.9之后的版本中toggle方法用于jq的动画

toggle()方法在1.8之前的版本中需要两个函数类型作为参数,奇数次点击触发第一个函数,偶数次店家触发第二个函数。

事件对象的获取:在事件触发的函数中传递event参数。

event.type:事件类型

event.target:触发事件的元素

e.currentTarget:事件绑定在哪个元素上

event.pageX:鼠标相对于文档的左侧坐标

event.pageY:鼠标相对于文档的顶部坐标

e.preventDefault():取消标签事件,如a标签的页面跳转。

e.stopPropagation():阻止事件冒泡

1、阻止事件冒泡

stopPropagation()方法

2、阻止默认行为

preventDefault()方法

注意:1、return false 在jQuery中是即阻止事件冒泡又阻止默认行为

 2、jQuery不支持事件捕获

解密jQuery事件核心:

jQuery怎么解绑事件

p我是一行即将被点击的p元素/p

$("p").on("click", function(){alert( $(this).text() );});//绑定事件

$("p").off();//解绑所有事件

$("p").off("click");//解绑click事件

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

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

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

jquery怎么让div解绑click事件?

$("#element").click(function(){}); //绑定点击事件函数

$("#element").unbind(); //解绑点击事件

先简单说下jQuery绑定和解绑点击事件的方法

$("#element").click(function(){}); //绑定点击事件函数

$("#element").unbind();        //解绑点击事件

$("#element").click(function(){});  //绑定其它函数

即,要对一个绑定过点击事件的元素绑定其它函数,需先对其解绑。

上面的代码看起来好简单,但是实际应用中却要复杂的多。举一个项目中的实例吧。

两个显示标签云的DIV,DIV1显示选中的标签,DIV2显示可选的标签。DIV2中的任一个标签被点中后会从DIV2中消失并添加到DIV1中,再在DIV1点击它时,它又会回到DIV2。两个DIV中的标签总数、单个标签的内容保持不变。这个效果我花了差不多一个半小时才搞定,就是因为对jQuery绑定和解绑点击事件理解的不到位。

我最开始的理解是:当一个标签从DIV1中移除并添加到DIV2中时,其原来绑定的所有事件都会消失,我可以从DIV2中析取这个标签并给它绑定新的点击事件。结果是:再点击它时它并没有回到DIV1,而是还是在DIV2中,只是位置被移到了最后。我误以为这个标签还属于DIV1,殊不知不是DIV的归属问题,而是点击事件的绑定问题。

jquery 解绑onchange事件

直接把onchange这个属性去掉就好了,removeAttr这个方法,去了解一下

JS传统事件如何解绑,用on添加,非addEventListener添加?

重新声明一次就好了,比如

document. body. on click = functio () {}

直接空函数即可


分享文章:jquery解绑事件,jq绑定事件的几种方式
标题URL:http://cxhlcq.com/article/dsohpcj.html

其他资讯

在线咨询

微信咨询

电话咨询

028-86922220(工作日)

18980820575(7×24)

提交需求

返回顶部