美文网首页
3.DOM事件

3.DOM事件

作者: webj | 来源:发表于2018-07-20 23:21 被阅读0次

1.dom事件类

    事件的级别

    DOM0     element.onclick=function(){};

    MOM2     element.addEventListener('click',function(){},false);

    MOM3     element.addEventListener('keyup',function(){},false);

2.事件模型

    捕获阶段

window -->documetn-->html-->body-->parentElement...-->element

    冒泡阶段

element-->parentEvent...-->body-->html-->document-->window

3.Event对象的常见应用

    event.preventDefult();  阻止默认事件

    event.stopPropagation();阻止冒泡

    event.stoplmmediateProgatation();  阻止 下一个连锁的事件

    event.currentTarget   事件代理 用到

    event.target  当前被点击的元素

4.自定义事件

        var eve = new Event('custom');

        ev.addEventListener('custom',function(){

        });

        ev.dispathEvent(eve);

相关文章

  • 3.DOM事件

    1.dom事件类 事件的级别 DOM0 element.onclick=function(){}; MOM2 ...

  • 前端面试准备--3.DOM事件

    DOM事件 1.基本概念:DOM事件的级别 2.DOM事件模型(冒泡捕获) 3.DOM事件流(页面中接受事件的顺序...

  • DOM事件的问题!

    1.事件冒泡 2.事件捕获 事件处理程序 1.HTML事件处理程序 2.DOM 0级事件处理程序 3.DOM 2级...

  • 前端-02-js

    1.语法基础 2.函数 3.dom 4.事件 事件练习-调色盘 点击 +-按钮分别修改rgb值以改变body背景色...

  • js中this指向

    1.this总是指向函数的直接调用者2.如果有new关键字,this指向new出来的那个对象3.DOM事件中thi...

  • 3.DOM

    1. 元素节点:上图中 、 、 等都是元素节点,即标签。 2. 文本节点:向用户展示的内容,如 ... 中的Jav...

  • jQuery节点的复制与替换

    1.DOM拷贝clone()2.DOM替换replaceWith()和replaceAll()3.DOM包裹wra...

  • layui取值

    1.js里取dom值 2.js里取model值 3.dom里取model值

  • 18.DOM 基础

    学习要点: 1.DOM 介绍2.查找元素3.DOM 节点4.节点操作 DOM(Document Object Mo...

  • JavaScript基础(5)-(节点的操作)

    1.元素节点操作: 2.访问元素节点: 3.DOM操作 4.节点属性的设置; 调用者:元素本身 返回...

网友评论

      本文标题:3.DOM事件

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