DOM事件流(event flow )存在三个阶段:事件捕获阶段、处于目标阶段、事件冒泡阶段。 事件捕获(dubbed bubbling):通俗的理解就是,当鼠标点击或者触发dom事件时,浏览器会从根节点开始由外到内进行事件传播,即点击了子元素,如果父元素通过事件捕获方式注册了对应的事件的话,会先触 ...
分类:
编程语言 时间:
2016-05-05 08:27:42
阅读次数:
208
DOM事件流(event flow )存在三个阶段:事件捕获阶段、处于目标阶段、事件冒泡阶段。 事件捕获(dubbed bubbling):通俗的理解就是,当鼠标点击或者触发dom事件时,浏览器会从根节点开始由外到内进行事件传播,即点击了子元素,如果父元素通过事件捕获方式注册了对应的事件的话,会先触 ...
分类:
编程语言 时间:
2016-05-05 00:19:27
阅读次数:
200
事件委托 event delegation 一、概念: 假设我们有很多个子元素,每个元素被点击时都会触发相应事件,普通的做法是给每个子元素添加一个事件监听。 而,事件委托则是给它们的父元素添加一个事件监听器,子元素上没有任何事件监听。当子元素被点击时,这个点击事件冒泡到父元素上,然后父元素上绑定的事 ...
分类:
编程语言 时间:
2016-05-04 18:35:56
阅读次数:
138
1、onmouseover与onmouseenter区别:onmouseenter不支持事件冒泡; 冒泡:子和父都绑定相同的事件,当子的事件触发,父身上同样的事件也会触发,由父去执行事件。(子也叫做目标元素),blur、focus、load、unload事件不能冒泡。 捕获:通过addEventLi ...
分类:
Web程序 时间:
2016-05-04 15:45:55
阅读次数:
201
事件流:描述的是在页面接受事件的顺序 &事件冒泡:由最具体的元素接收,然后逐级向上传播至最不具体的元素的节点(文档) &事件捕获:最不具体的节点先接收事件,而最具体的节点应该是最后接收事件 *********************** HTML事件处理: 直接添加到HTML结构中 DOM0级事件处 ...
分类:
Web程序 时间:
2016-04-30 23:42:08
阅读次数:
202
事件对象: 在触发DOM事件的时候都会产生一个对象 事件对象Event: 1)type:获取事件类型 2)target:获取事件目标 3)stopPropagation():阻止事件冒泡 4)preventDefault():阻止事件默认行为 ...
分类:
Web程序 时间:
2016-04-30 23:32:43
阅读次数:
192
1.事件冒泡: 事件冒泡是从里到外的,它是沿着DOM层次向上冒泡,直达顶部,HTML元素也可以接受冒泡事件。 2.事件捕获: 事件捕获是从外面到里面的,它是从DOM层次的顶部下降到底部,事件捕获也可以window级的事件,但是需要显示指定 3.DOM事件流: DOM同时支持事件捕获和事件冒泡,但是事 ...
分类:
Web程序 时间:
2016-04-28 00:24:36
阅读次数:
206
1.JS 事件模型:事件流事件流意味着页面不止一个元素可以响应相同的事件。事件冒泡事件冒泡是从里到外,且 IE 低版本和标准浏览器(Dom 浏览器中)不一样:低版本 IE:div ——> body ——> document标准浏览器:div ——> body ——>html ——> document ...
分类:
Web程序 时间:
2016-04-27 22:28:04
阅读次数:
189
在页面上可以有多个事件,也可以多个元素响应同一件事, 事件冒泡引发的问题: 有些时候不想动用的事件,却因为事件冒泡而触发 解决问题: 1.事件对象 由于IE-DOM和标准的DOM实现事件对象的方法各不相同,导致在不同浏览器上获取事件对象变得比较困难,。针对这个问题,jq进行了必要的扩展和封装,从而使 ...
分类:
其他好文 时间:
2016-04-25 14:58:39
阅读次数:
112
对“捕获”和“冒泡”这两个概念,通常我们对冒泡了解和使用的会更多一些,因为在我们使用的所有浏览器中,都支持事件冒泡 ,即事件由子元素向祖先元素传播的,就 像气泡从水底向水面上浮一样。而在像firefox,chrome,safari这类所谓的标准浏览器中,事件传播通常是有三个阶段的:事件捕获阶段,事件 ...
分类:
Web程序 时间:
2016-04-24 12:26:13
阅读次数:
991