点击弹出层区域外隐藏弹出层,同时需要注意事件冒泡。
分类:
其他好文 时间:
2015-05-18 12:50:37
阅读次数:
165
JavaScript事件代理是一种简单的技巧,通过它你可以把事件处理器添加到一个父级元素上,这样就不需要为每一个元素添加或者删除事件处理器,从而避免了内存泄露或者是遍历节点造成的性能下降。如果整个页面都采用同样事件流方式,当红色蓝色区域触发相同事件,冒泡法:先处理蓝色区域请求,捕获法:先处理红色区域...
分类:
编程语言 时间:
2015-05-16 23:07:17
阅读次数:
348
1. 事件1.1 事件流事件流描述的是从页面中接受事件的顺序,IE的事件是冒泡流,而Netscape Communicator的事件流是事件捕捉流。1.1.1 事件冒泡xxx click me如果你点击了页面中的元素,那么这个click事件会按照如下顺序传播:(1). div(2). body(3)...
分类:
编程语言 时间:
2015-05-16 19:54:01
阅读次数:
164
焦点:使浏览器能够区分用户输入的对象,当一个元素有焦点的时候,那么他就可以接收用户的输入。设置焦点的几种方式:1、点击2、TAB键3、JSonfocus onblur 属性var oinp=document.getElementById('shuru')oinp.onfocus=function(....
分类:
Web程序 时间:
2015-05-12 22:52:40
阅读次数:
141
事件冒泡与事件捕获,下面是js中捕获与冒泡的一个实例:
html结构:
css样式控制:#tianzi{...
分类:
Web程序 时间:
2015-05-11 18:01:22
阅读次数:
145
停止事件冒泡function stopBubble(e) { // 如果提供了事件对象,则这是一个非IE浏览器 if ( e && e.stopPropagation ) { // 因此它支持W3C的stopPropagation()方法 e.stopPro...
分类:
编程语言 时间:
2015-05-07 16:10:26
阅读次数:
129
第13章事件一.事件1.1事件冒泡:事件发生时从里面向外传播如:div>body>html>document1.2事件捕获:事件发生时从外层向里层传播如document>html>body>div1.3DOM事件流是三个阶段:事件捕获,处于目标阶段事件冒泡二.事件处理程序2.1html事件处理程序1...
分类:
编程语言 时间:
2015-05-06 10:30:09
阅读次数:
188
jQuery中的.bind()、.live()和.delegate()之间区别分析,学习jquery的朋友可以参考下。DOM树首先,可视化一个HMTL文档的DOM树是很有帮助的。一个简单的HTML页面看起来就像是这个样子:事件冒泡(又称事件传播)当我们点击一个链接时,其触发了链接元素的单击事件,该事...
分类:
Web程序 时间:
2015-05-03 22:05:26
阅读次数:
131
1 首先bind()方法是最直观的,但是也是弊端最大的。 $('a').bind('click',function(){alert('that tickles!')}) 这和事件冒泡有直接关系,当我们点击了标签时,会立马执行alert,但与此同时,click()事件会接着向DOM树的根方向传播,.....
分类:
其他好文 时间:
2015-04-29 13:15:46
阅读次数:
138
<formid="form1"runat="server"><divid="divOne"onclick="alert(‘我是最外层‘);">
<divid="divTwo"onclick="alert(‘我是中间层!‘)">
<aid="hr_three"href="http://www.websqq.org"mce_href="http://www.websqq.org"onclick="alert(‘我是最里层!‘)">..
分类:
其他好文 时间:
2015-04-29 11:58:46
阅读次数:
160