DOM事件

作者: 却忘不掉你心言 | 来源:发表于2019-08-27 19:38 被阅读0次

基本概念:DOM事件级别:

DOM0:element.onclick=function(){}

DOM2: element.addEventListener(‘click’,function(){},false/true)冒泡或者捕获。 true是在捕获事件触发。

DOM3: element.addEventListener(‘keyup’,function(){},true/false)键盘事件,鼠标点击事件。


DOM事件模型:

冒泡(目标元素往上)捕获从上往下。


DOM事件流;

事件流->捕获->目标阶段->冒泡。

DOM事件类-》描述dom事件捕获的具体流程;

先得到Window->document->html->body->...->目标元素。

DOM事件类-》Event对象的常见应用。

Event.preventDefault()阻止默认事件。

Evetn.stopPropagation()阻止冒泡事件。 不阻止的话。点击子元素,父元素也会响应。

Event.stoplmmediatePropagation()事件响应优先级。

Event.currentTarget //当前所绑定的事件,父级元素绑定事件。指定的就是这个事件。

Evennt.target //当前被点击的元素。


自定义事件:自定义事件,自定义触发事件。

相关文章

  • 前端面试题(3)——DOM事件类

    基本概念:DOM事件的级别 DOM事件模型:事件冒泡事件捕获 DOM事件流 描述DOM事件捕获的具体流程 Even...

  • DOM事件

    DOM级别与DOM事件 DOM级别:DOM0级、DOM1级、DOM2级、DOM3级DOM事件:DOM0级事件处理、...

  • DOM事件

    DOM级别与DOM事件 DOM级别:DOM0级,DOM1级,DOM2级和DOM3级DOM事件:DOM0级事件处理,...

  • DOM0和DOM2级事件简单理解

    关于DOM0 和DOM1级事件可以简单理解为:事件分为DOM 0级事件和Dom 2级事件,DOM2级事件也叫做事件...

  • Dom事件

    基本概念 Dom事件级别 Dom事件模型 Dom事件流 描述Dom事件捕获的具体流程 Event对象的常见应用 自...

  • 3-6 DOM事件

    问题 DOM 事件的级别 DOM 事件模型(就是捕获和冒泡儿) DOM 事件流 描述DOM事件捕获的具体流程 Ev...

  • HTML DOM 事件

    HTML DOM 事件 HTML DOM 事件 HTML DOM 事件允许Javascript在HTML文档元素中...

  • 网易微专业-DOM编程艺术 05 事件

    1、DOM事件⑴主要内容▪事件流▪事件注册▪事件对象▪事件分类▪事件代理 ⑵什么是DOM事件▪点击一个DOM元素▪...

  • DOM事件类

    基本概念:DOM事件的级别 DOM事件模型 DOM事件流 描述DOM事件捕获的具体流 Event对象的常见应用 自...

  • DOM事件

    DOM事件的级别 DOM事件模型 DOM事件流 描述DOM时间捕获的具体流程 Event对象的常见应用 自定义事件...

网友评论

      本文标题:DOM事件

      本文链接:https://www.haomeiwen.com/subject/osjyectx.html