- 浏览: 1059643 次
- 性别:
- 来自: 南京
文章分类
- 全部博客 (501)
- dwr (6)
- javascript (84)
- oracle (66)
- jsp/servlet (18)
- ant (3)
- 基础知识 (12)
- EXT (10)
- My SQL (10)
- java (71)
- spring (37)
- 学习的对象 (2)
- Linux (24)
- 面试 (1)
- HTML/CSS (11)
- tomcat (11)
- 收藏夹 (2)
- Power Designer (2)
- struts.xml配置文件 (1)
- sturts2 (3)
- myeclipse (8)
- eclipse (7)
- Maven (34)
- SVN (3)
- SAP JCO (2)
- JBOSS (11)
- webservice (8)
- word (1)
- 敏捷开发 (1)
- sybase (4)
- Nexus (3)
- EhCache (3)
- log4j (3)
- Cookie (4)
- Session (4)
- CXF (7)
- AXIS (2)
- SSO (1)
- LDAP (1)
- velocity (2)
- Jquery (5)
- redis (2)
- http (4)
- dojo (1)
- Linux资源监控软件mnon的安装与运用 (1)
- notepad++ (1)
- EA (1)
- UML (1)
- JasperReports (1)
- 权限 (0)
- freemarker (4)
- Spring MVC (1)
- JMS (1)
- activeMQ (1)
- hession (3)
- 安全 (1)
- ibatis (2)
- log (1)
- nginx (1)
最新评论
-
winhbb:
我刚好遇到了一个问题(在可以依赖注入的场合有效):有两个模块A ...
解决Maven项目相互依赖/循环依赖/双向依赖的问题 -
nanjiwubing123:
long3ok 写道你好 XmlOutputFormatter ...
用XStream转换复杂XML -
zhoujianboy:
另外一个方法实现eclipse tomcat 热部署:http ...
eclipse下实现maven项目在tomcat容器热部署方法 -
long3ok:
你好 XmlOutputFormatter 请问这个类是在什么 ...
用XStream转换复杂XML -
ganbo:
总结的好,文章给力。
解决Maven项目相互依赖/循环依赖/双向依赖的问题
捕获阶段、目标阶段、冒泡阶段
addEventListener中的第三个参 数是useCapture, 一个bool类型。当为false时为冒泡获取(由里向外),true为capture方式(由外向里)。
eg1:
点击id2的div结果是: id2, id1
eg2:
结果是: id2, id1
eg3:
结果是:id1,id2
eg4:
结果是:id1,id2
【转载地址】http://blog.csdn.net/jijun7885417/article/details/7870348
addEventListener中的第三个参 数是useCapture, 一个bool类型。当为false时为冒泡获取(由里向外),true为capture方式(由外向里)。
<div id="id1" style=" background-color:blue;"> id1<br /> <div id="id2" style="background-color:green;">div2</div> </div>
eg1:
01.document.getElementById('id1').addEventListener('click', function() { console.log('id1');}, false); 02. 03.document.getElementById('id2').addEventListener('click', function() { console.log('id2');}, false);
点击id2的div结果是: id2, id1
eg2:
01.document.getElementById('id1').addEventListener('click', function() { console.log('id1');}, false); 02. 03.document.getElementById('id2').addEventListener('click', function() { console.log('id2');}, true);
结果是: id2, id1
eg3:
01.document.getElementById('id1').addEventListener('click', function() { console.log('id1');}, true); 02. 03.document.getElementById('id2').addEventListener('click', function() { console.log('id2');}, false);
结果是:id1,id2
eg4:
01.document.getElementById('id1').addEventListener('click', function() { console.log('id1');}, true); 02. 03.document.getElementById('id2').addEventListener('click', function() { console.log('id2');}, true);
结果是:id1,id2
【转载地址】http://blog.csdn.net/jijun7885417/article/details/7870348
发表评论
-
JSONEditor
2015-07-08 20:11 552JSONEditor: https://github.com/ ... -
Javascript开发调试
2014-07-08 10:08 737小谈chrome调试命令:console.log的使用 h ... -
利用Script实现JSONP跨域
2014-01-24 09:38 9141.什么是跨域 我们经常会在页面上使用ajax请求访问其他服 ... -
jQuery JSONP 跨域实践
2013-12-12 18:24 681jQuery JSONP 跨域实践 一客户端(url:htt ... -
利用CSS、JavaScript及Ajax实现图片预加载的三大方法
2013-10-17 09:35 709预加载图片是提高用户体验的一个很好方法。图片预先加载到浏览器中 ... -
Js中escape(),encodeURI()和encodeURIComponent()使用和比较:
2013-09-12 09:42 1028Js中escape(),encodeURI()和encodeU ... -
If-Modified-Since & If-None-Match
2013-04-27 13:24 857If-Modified-Since & If-None ... -
为什么JS文件带参数 JS后带参数什么意思
2013-04-27 11:20 1338我们经常在页面里会看到在加载的js或css文件带时文件后面常常 ... -
js实现网页图片延时加载的原理和代码
2013-04-23 11:52 995有时我们看到一些大型网站,页面如果有很多图片的时候,当你滚动到 ... -
关于document.compatMode的一些介绍
2013-04-22 17:35 969对于document.compatMode,很多朋友可能都根我 ... -
js之事件冒泡和事件捕获
2013-04-20 10:03 1727事件——怎样使用事件以及IE和DOM事件模型之间存在哪些主要差 ... -
超链接在web开发中使用总结
2013-04-02 14:33 1121在工作中在前端页面的 ... -
JavaScript Module Pattern: In-Depth
2013-03-27 11:47 975Module difinition: http://www.a ... -
JQuery移除事件
2013-01-30 13:00 929移除事件 unbind(type [,data]) ... -
Js 冒泡事件阻止
2013-01-29 09:27 9921. 事件目标 现在,事 ... -
查找所有嵌套iframe .
2013-01-28 10:19 114501.//查找所有嵌套iframevar allIfrs = ... -
什么是同源策略
2012-12-12 11:15 1135一.什么是同源策略 ... -
js 编码,使用java解码方式
2012-10-30 11:02 1628使用两个方法:decodeURIComponent和escap ... -
Cookies
2012-05-04 10:10 1035ookies Cookies 集合设置 coo ... -
XMLHttpRequest 对象(AJAX)的状态码(readyState)及HTTP 状态代码(status)的对照表
2012-04-19 19:43 1466XMLHttpRequest 对象(AJAX)的状态码(rea ...
相关推荐
第三个参数`useCapture`在此处通常设为`false`,表示在冒泡阶段调用事件处理函数。 此外,对于DOM元素的事件处理,如按钮点击事件,也可以使用相同的方法。例如,对于一个ID为"btn1"的按钮,我们希望在点击时执行`...
3. **第三个参数**:可选的布尔值,用于指定事件处理程序的执行顺序。默认值为`false`。如果设置为`true`,事件处理程序将在捕获阶段执行;如果设置为`false`,则在冒泡阶段执行。在这个上下文中,"捕获阶段"意味着...
3. **useCapture**:第三个参数是一个可选的布尔值,默认为 `false`。如果设置为 `true`,事件处理程序将在捕获阶段执行;如果为 `false`,则在冒泡阶段执行。捕获阶段从最外层的祖先元素开始,向下到目标元素;冒泡...
**Share.js:自定义分享到第三方SNS平台的JS插件** Share.js 是一个轻量级的JavaScript插件,专为网页内容提供一键分享功能,它使得用户可以方便地将网页内容分享到各种社交媒体平台,如微博、QQ空间、QQ好友、微信...
这里的第三个参数是可选的,表示事件是否在捕获阶段处理(`true`)或在冒泡阶段处理(`false`,默认)。默认情况下,事件通常从最外层元素开始向下传播,即捕获阶段,然后到达目标元素并开始冒泡回顶部,这个过程...
使用`addEventListener`的第三个参数可以指定事件处理方式: ```javascript // 使用捕获模式添加事件处理 document.getElementById('parent').addEventListener('click', function(event) { console.log('...
第三个参数是一个布尔值,用于指定事件传播模式,默认是`false`表示冒泡阶段,`true`表示捕获阶段。 - 移除事件:使用`removeEventListener`方法,需要提供相同的事件名和处理函数来移除事件。匿名函数添加的事件...
接着,通过JavaScript初始化mobileSelect.js,并传入配置参数,如选项列表、默认选中项等。这样,当用户点击触发器时,底部弹窗选择框就会自动弹出。 例如,我们可以这样使用mobileSelect.js: ```html <!DOCTYPE ...
而第三个参数`useCapture`则是一个可选的布尔值,它决定了事件处理的阶段是在捕获阶段还是冒泡阶段进行。 事件的传播过程分为两个阶段:捕获阶段和冒泡阶段。在捕获阶段,事件从最外层的祖先元素开始向下传播,直到...
使用 addEventListener 方法时,还可以指定第三个参数 `useCapture`,这个参数是一个布尔值,表示事件监听器是在捕获阶段还是冒泡阶段被调用。如果设置为 `true`,则在捕获阶段调用;如果设置为 `false`,则在冒泡...
在这个JS-OCR插件中,我们可以通过JavaScript在浏览器环境中实现这一功能,而无需依赖后端服务器或者第三方API。 1. OCR基础原理: OCR技术基于图像处理和模式识别。首先,图像被转换为灰度图像以增强对比度,然后...
`addEventListener`方法可以用来添加事件监听器,第三个参数可以设置为`true`来启用捕获模式,否则默认为冒泡模式。例如,如果在DOM树中从父元素到子元素添加事件监听器,捕获模式会让事件首先在父元素触发,然后...
- 第三个参数:窗口的属性设置。 #### 二、鼠标和事件相关函数 **6. `click()`** - **功能**:模拟点击事件。 - **示例**: ```javascript document.getElementById("myButton").click(); ``` **7. `closed...
在JavaScript的世界里,`window.open`、`iframe`和`dialog`是三个非常重要的概念,...在实际开发中,这些技术常用于创建弹出窗口、嵌入第三方内容以及实现页面间的通信。记住,正确地使用它们可以显著提升用户体验。
在这个例子中,`addEventListener` 方法的第一个参数是事件类型(如 "click"),第二个参数是要执行的函数。 2. 使用匿名函数: ```javascript document.getElementById("myButton").addEventListener("mouseover",...
第三个参数`useCapture`通常设置为`false`,表示事件冒泡阶段。 3. **事件处理程序赋值**: - 直接将函数赋值给事件属性,如 `obj.onclick = Foo`,这是较早的事件绑定方式,适用于大多数浏览器。这种方法简单直观...
可以通过设置`addEventListener`的第三个参数切换这两种模式: ```javascript element.addEventListener('click', function(event) { // ... }, false); // 默认冒泡 element.addEventListener('click', function...
首先,CSS3是层叠样式表(Cascading Style Sheets)的第三个版本,它引入了强大的动画功能,如关键帧动画(@keyframes),使得开发者可以轻松地创建出复杂的视觉效果。在“熊猫吃竹子”的动画中,我们将主要运用这一...