Javascript_事件流_DOM事件等级_ZHOU125disorder_

绑定事件方法：内联模型/事件属性模型，动态绑定/分配事件模型

1. 事件级别

• DOM级别 DOM零级 DOM一级 DOM两级 DOM三级
• DOM零级 基础的事件绑定都是一级的.
• DOM一级 DOM一级没有处理
• DOM两级

•   // DOM两级
    // addEventListener(事件，事件函数，是否支持冒泡)绑定事件
    // removeEventListener()解除绑定事件
    // var btn=document.getElementsByTagName("button");
    // btn[0].addEventListener("click",fn0,false);
    // function fn0(){
    //     alert("我的名字叫卡卡西, 我的愿望是成为火影!!!");
    // }
    // btn[1].addEventListener("click",fn1,false);
    // function fn1(){
    //     btn[0].removeEventListener("click",fn0,false);
    // }
  

        // DOM零级
        var btn=document.getElementsByTagName("button");
        btn[0].onclick=function(){
    
    
            alert("我的名字叫卡卡西, 我的愿望是成为火影");
        }
        btn[1].onclick=function(){
    
    
            btn[0].onclick="null";
        }

    //兼容性问题		ie8以下
    // attachEvent(事件，事件函数)    传两个参数，低版本IE不支持冒泡        detachEvent()		和两级事件的方法一样只是没有是否支持冒泡事件的true和false

• Dom零级与DOM两级的区别
  // DOM0级，只能给一个元素的某一个行为绑定一次方法
  // DOM2级可以给某一个元素的同一个行为绑定不同的方法

    // DOM3级
    // DOM3级其实就是在DOM2级事件基础上增加了很多的事件类型
    // 1.UI事件    用户和页面上元素交互式触发，比如load
    // 2.焦点事件  当元素获取焦点或者失去焦点，blur，focus
    // 3.鼠标事件  鼠标在页面上进行操作，比如dblclick
    // 4.滚轮事件  使用鼠标滚轮滚动的时候触发的事件，mousewheel
    // 5.文本事件  input框内容输入的时候触发，input
    // 6.键盘事件  用户通过键盘在页面上操作触发，比如keydown，keyup
  

#滑轮事件
<div></div>
var div = document.getElementByTagName=("div")[0];
div.mousewheel=function(){
    
    
	console.log("卡卡西");
}

    // 扩展一个事件
    // onload是当文档内所有内容全部加载完毕以后所执行的事件(图片，HTML结构，音视频)
    // 只可以写一个
    // DOMContentLoaded   页面加载完成
    // 当我的页面的DOM结构或者HTML结构加载完触发的行为