jquery 事件机制

jquery 事件机制

ID:1483491

大小:35.52 KB

页数:12页

时间:2017-11-11

jquery 事件机制_第1页
jquery 事件机制_第2页
jquery 事件机制_第3页
jquery 事件机制_第4页
jquery 事件机制_第5页
资源描述:

《jquery 事件机制》由会员上传分享,免费在线阅读,更多相关内容在应用文档-天天文库

1、2010年12月19日jquery事件机制【转】在介绍方法之前,我觉得有必要描述一下响应事件的两种策略,一种是事件捕获(Eventcapturing),一种是事件冒泡(Eventbubble),这两种策略是相对立的,它们是在浏览器大战中分别由Netscape和微软提出的完全相反的两种事件传播模型。事件冒泡定义为在一个对象上触发某类事件(比如单击onclick事件),如果此对象定义了此事件的处理程序,那么此事件就会调用这个处理程序,如果没有定义此事件处理程序或者事件返回true,那么这个事件会向这个对象的父级对象传播,从里到外,直至它被处理(父级对象所有同

2、类事件都将被激活),或者它到达了对象层次的最顶层。而事件捕获则与事件冒泡则恰好相反,处理事件是从对象的最外层往里传播,直到终止。W3C标注是支持两种事件处理策略的,但是却更偏向于事件冒泡,因为事件捕获Bug较多,目前IE是不支持事件捕获的,其他浏览器基本两种都支持。下面我给一个事件冒泡的例子,自己试一下就明白了,至于事件捕获就算了..... 事件冒泡

3、onal.dtd">JavaScript事件冒泡#box{width:200px;height:100px;border:2pxsolidred}#boxh5{margin:0;padding:2px5px;font-size:18px;text-align:

4、right;background:red;cursor:move}#boxh5a{text-decoration:none;color:#FFF}#boxdiv{white-space:inherit;}关闭

5、avascript">functionstartDrag(){document.getElementById('testInfo').innerHTML+='层事件';}functioncloseBox(e){document.getElementById('testInfo').innerHTML+='关闭事件';//将下面一段注释去掉则可以阻止冒泡//if(e&&e.stopPropagation)//e.stopPropagation();//else//window.event.cancelBubble=true;}

6、>  那么在JQuery中阻止事件策略的方法有event.preventDefault();(阻止默认行为)、event.stopPropagation();event.stopImmediatePropagation();(阻止事件冒泡)、直接返回returnfalse;(阻止默认行为和时间冒泡)。  事件处理包括bind(type,[data],fn)、bind(map)、one(type,[data],fn)、trigger(type,[data])、triggerHandler(type,[data])、unbind([type],

7、[data])这几个方法。  1、bind(type,[data],fn)用于为指定元素绑定指定的事件处理函数,[data]代表可选的传递的参数,它的写法为:  代码//带参数的绑定方式$("#text").bind('click',{result:"yes"},function(event){alert(event.data.result);})//不带参数并且阻止冒泡$("#text").bind('click',function(e){//自定义处理行为e.stopPropagation();})  其实bind(type,[data],fn)这种

8、绑定事件的方式我们还有一种简写的方式,但是他们的区别在于简写方式不能如bind一

当前文档最多预览五页,下载文档查看全文

此文档下载收益归作者所有

当前文档最多预览五页,下载文档查看全文
温馨提示:
1. 部分包含数学公式或PPT动画的文件,查看预览时可能会显示错乱或异常,文件下载后无此问题,请放心下载。
2. 本文档由用户上传,版权归属用户,天天文库负责整理代发布。如果您对本文档版权有争议请及时联系客服。
3. 下载前请仔细阅读文档内容,确认文档内容符合您的需求后进行下载,若出现内容与标题不符可向本站投诉处理。
4. 下载文档时可能由于网络波动等原因无法下载或下载错误,付费完成后未能成功下载的用户请联系客服处理。
相关标签