事件有两种模式:捕获和冒泡
·捕获
从dom根节点-->目标对象传递
·冒泡
从目标对象-->dom根节点传递
添加和删除事件
标准方式:
[Object].addEventListener('click',fun1,true);
[Object].removeEventListener("click",fun2,false);
IE(事件前面都加"on"):
[Object].attachEvent('onclick',"Function")
[Object].detachEvent('onclick',"Function")
注:在IE中只有冒泡模式,而在其它大多数浏览器中支持两种模式,而且都是先捕获后冒泡
div1.addEventListener('click',fun1,true); //true时,为捕获
div2.addEventListener('click',fun2,false); //false时,为冒泡
传统模式下的兼容性:对于那些支持W3C DOM的浏览器来说,传统的事件注册
element1.onclick = doSomething2;
都视作冒泡
阻止冒泡的方法
e.cancelBubble = true; //IE
e.stopPropagation(); //标准方式
分享到:
相关推荐
在HTML事件模型中,事件会从最深的节点向上冒泡到根节点,也可以选择在捕获阶段处理。`addEventListener`的第三个参数可以设置事件处理模式,值为`true`表示捕获模式,`false`(默认)表示冒泡模式。 总结,HTML中...
总结起来,VC6接收HTML事件消息涉及的关键知识点包括:ActiveX控件开发、COM事件接口、IDispatch接口、HTML事件处理以及浏览器与ActiveX控件的交互。通过以上步骤,你可以在VC6环境中创建一个能接收HTML事件的...
### HTML控件事件一览表详解 #### 一、引言 HTML 控件事件是指在 Web 页面上与 HTML 元素相关的交互行为所触发的一系列事件。这些事件在 JavaScript 中尤为重要,因为它们允许开发者通过编程方式响应用户的操作或...
总结来说,这个项目展示了HTML5的键盘事件处理能力和CSS3的动画特性,为开发者提供了一个有趣且实用的学习案例,帮助他们理解如何构建交互式Web应用,尤其是在移动设备上,物理键盘不常有的情况下,这样的模拟键盘...
HTML事件是网页交互的核心部分,它们允许开发者在用户与页面元素交互时执行特定的JavaScript代码。`onclick`事件就是其中一种常见的事件,它在用户点击一个元素时触发。在这个例子中,我们看到的是HTML按钮(`...
首先,事件监听器可以通过多种方法添加,包括直接在HTML元素上使用内联属性如onclick,或通过JavaScript函数绑定。内联属性方式简单易用,但不推荐用于复杂的项目,因为它将行为与结构混合,不易于维护和管理。而...
HTML事件中的XSS攻击 HTML事件中的XSS攻击是指在HTML事件处理器中注入恶意代码,从而达到攻击者的目的。HTML事件处理器是现代浏览器中的一种机制,用于监视特定的条件或用户行为,例如鼠标单击或浏览器窗口中完成...
HTML 元素可拥有事件属性,这些属性在浏览器中触发行为,比如当用户单击一个 HTML 元素时启动一段 JavaScript。下面列出的事件属性,可以把它们插入 HTML 标签来定义事件行为。 HTML 4.01 与 HTML 5 之间的差异 HTML...
2. **HTML事件**: - **鼠标事件**:如`onclick`(点击)、`onmousedown`(鼠标按下)、`onmouseup`(鼠标释放)、`onmousemove`(鼠标移动)、`onmouseout`(鼠标离开元素)和`onmouseover`(鼠标进入元素)。 - ...
总结来说,HTML5、CSS3和JavaScript的事件机制为开发者提供了强大的工具,使网页具有高度的交互性和动态性。熟练掌握事件处理的各种方式,可以让你的网页更加生动活泼,提升用户体验。在实际开发中,应根据需求选择...
总结,JavaScript事件和jQuery框架是构建交互式网页的关键工具。理解并熟练运用它们,开发者可以创建出响应用户操作、提供丰富用户体验的网页应用。在实际项目中,结合HTML结构和CSS样式,通过JavaScript和jQuery...
这个压缩包文件提供了一个对HTML基础知识的简明总结,特别适合初学者快速入门和复习。以下是对这些知识点的详细解析: 1. **HTML基本结构**:HTML文档通常由`<!DOCTYPE html>`声明开始,表明文档类型为HTML5。接着...
总结,JavaScript事件是构建交互式Web应用的关键工具。理解并熟练运用各种事件、事件处理方式以及相关机制,能够帮助开发者创建更灵活、响应更快的网页应用。在实际开发中,结合事件委托、阻止默认行为和事件捕获等...
总结来说,JavaScript事件冒泡是DOM事件处理的重要机制,它使得我们可以在父元素上统一处理子元素的事件,简化编程逻辑。熟练掌握事件冒泡、事件捕获以及如何阻止冒泡,对于提升JavaScript的事件处理能力至关重要。
1.4 本章小结 12 第2章 HTML 5的常用元素与属性 14 2.1 HTML 5保留的常用元素 15 2.2 HTML 5增强的iframe元素 34 2.3 HTML 5保留的通用属性 40 2.4 HTML 5新增的通用属性 44 2.5 HTML 5新增的结构元素 48 2.6...
总结来说,HTML5提供了丰富的事件处理机制,使得开发者能够创建动态、交互式的网页。通过监听鼠标单击事件,我们可以对图片资源进行各种操作,如替换图片、显示隐藏内容、触发动画等。而`hover_gophers-1.png`这样的...
#### 总结 通过上述方法,我们可以有效地解决HTML对象上发生的事件冲突问题。关键在于通过合理的事件监听器设置以及事件处理逻辑,确保每一个事件都能被正确地识别和处理。这种方法不仅提高了代码的可读性和可维护...
最后,让我们来总结一下 SVG 和 HTML 之间的交互方式。 SVG 文件可以嵌入到 HTML 文件中,通过这种方式,我们可以在 HTML 文件中使用 SVG 文件的功能。我们可以使用 JavaScript 语言来编写代码,实现 SVG 和 HTML ...