`
老妖子
  • 浏览: 7845 次
  • 性别: Icon_minigender_1
  • 来自: 荆门
社区版块
存档分类
最新评论

HTML事件总结

阅读更多

事件有两种模式:捕获和冒泡
·捕获
 从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

    在HTML事件模型中,事件会从最深的节点向上冒泡到根节点,也可以选择在捕获阶段处理。`addEventListener`的第三个参数可以设置事件处理模式,值为`true`表示捕获模式,`false`(默认)表示冒泡模式。 总结,HTML中...

    vc6 接收html事件消息demo

    总结起来,VC6接收HTML事件消息涉及的关键知识点包括:ActiveX控件开发、COM事件接口、IDispatch接口、HTML事件处理以及浏览器与ActiveX控件的交互。通过以上步骤,你可以在VC6环境中创建一个能接收HTML事件的...

    HTML控件事件一览表

    ### HTML控件事件一览表详解 #### 一、引言 HTML 控件事件是指在 Web 页面上与 HTML 元素相关的交互行为所触发的一系列事件。这些事件在 JavaScript 中尤为重要,因为它们允许开发者通过编程方式响应用户的操作或...

    HTML5 虚拟键盘模拟的键盘事件.rar

    总结来说,这个项目展示了HTML5的键盘事件处理能力和CSS3的动画特性,为开发者提供了一个有趣且实用的学习案例,帮助他们理解如何构建交互式Web应用,尤其是在移动设备上,物理键盘不常有的情况下,这样的模拟键盘...

    html事件汇总

    HTML事件是网页交互的核心部分,它们允许开发者在用户与页面元素交互时执行特定的JavaScript代码。`onclick`事件就是其中一种常见的事件,它在用户点击一个元素时触发。在这个例子中,我们看到的是HTML按钮(`...

    js事件监听机制(事件捕获)总结

    首先,事件监听器可以通过多种方法添加,包括直接在HTML元素上使用内联属性如onclick,或通过JavaScript函数绑定。内联属性方式简单易用,但不推荐用于复杂的项目,因为它将行为与结构混合,不易于维护和管理。而...

    第六节 HTML事件中的XSS-01

    HTML事件中的XSS攻击 HTML事件中的XSS攻击是指在HTML事件处理器中注入恶意代码,从而达到攻击者的目的。HTML事件处理器是现代浏览器中的一种机制,用于监视特定的条件或用户行为,例如鼠标单击或浏览器窗口中完成...

    HTML5 新事件 小结

    HTML 元素可拥有事件属性,这些属性在浏览器中触发行为,比如当用户单击一个 HTML 元素时启动一段 JavaScript。下面列出的事件属性,可以把它们插入 HTML 标签来定义事件行为。 HTML 4.01 与 HTML 5 之间的差异 HTML...

    JavaScript程序设计——事件处理实验报告.docx

    2. **HTML事件**: - **鼠标事件**:如`onclick`(点击)、`onmousedown`(鼠标按下)、`onmouseup`(鼠标释放)、`onmousemove`(鼠标移动)、`onmouseout`(鼠标离开元素)和`onmouseover`(鼠标进入元素)。 - ...

    <html5+css3+js>各种事件

    总结来说,HTML5、CSS3和JavaScript的事件机制为开发者提供了强大的工具,使网页具有高度的交互性和动态性。熟练掌握事件处理的各种方式,可以让你的网页更加生动活泼,提升用户体验。在实际开发中,应根据需求选择...

    HTML前端学习(3)--JS事件

    总结,JavaScript事件和jQuery框架是构建交互式网页的关键工具。理解并熟练运用它们,开发者可以创建出响应用户操作、提供丰富用户体验的网页应用。在实际项目中,结合HTML结构和CSS样式,通过JavaScript和jQuery...

    html简单知识点总结,常用标签总结,简洁界面 ,框架的基础例子

    这个压缩包文件提供了一个对HTML基础知识的简明总结,特别适合初学者快速入门和复习。以下是对这些知识点的详细解析: 1. **HTML基本结构**:HTML文档通常由`&lt;!DOCTYPE html&gt;`声明开始,表明文档类型为HTML5。接着...

    使用JavaScript事件综合查询,js事件大全

    总结,JavaScript事件是构建交互式Web应用的关键工具。理解并熟练运用各种事件、事件处理方式以及相关机制,能够帮助开发者创建更灵活、响应更快的网页应用。在实际开发中,结合事件委托、阻止默认行为和事件捕获等...

    JavaScript事件冒泡示例.html

    总结来说,JavaScript事件冒泡是DOM事件处理的重要机制,它使得我们可以在父元素上统一处理子元素的事件,简化编程逻辑。熟练掌握事件冒泡、事件捕获以及如何阻止冒泡,对于提升JavaScript的事件处理能力至关重要。

    疯狂HTML 5+CSS 3+JavaScript讲义(第2版)+源代码

    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...

    (11)HTML5-鼠标单击事件监听图片资源

    总结来说,HTML5提供了丰富的事件处理机制,使得开发者能够创建动态、交互式的网页。通过监听鼠标单击事件,我们可以对图片资源进行各种操作,如替换图片、显示隐藏内容、触发动画等。而`hover_gophers-1.png`这样的...

    js解决事件冲突

    #### 总结 通过上述方法,我们可以有效地解决HTML对象上发生的事件冲突问题。关键在于通过合理的事件监听器设置以及事件处理逻辑,确保每一个事件都能被正确地识别和处理。这种方法不仅提高了代码的可读性和可维护...

    SVG与html的交互(svg的js与html的js互调用).pdf

    最后,让我们来总结一下 SVG 和 HTML 之间的交互方式。 SVG 文件可以嵌入到 HTML 文件中,通过这种方式,我们可以在 HTML 文件中使用 SVG 文件的功能。我们可以使用 JavaScript 语言来编写代码,实现 SVG 和 HTML ...

Global site tag (gtag.js) - Google Analytics