html基础

dom事件

  1. dom事件级别:dom0,dom2,dom3
    dom0: el.onclick = function(){}
    dom2: el.addEventListener(‘click’,function(){},false)
    dom3: el.addEventListener(‘keyup’,function(){},false)
    dom1中没有定义事件相关的东西，所以说事件级别没有dom1，dom3中事件类型增加了许多
  2. dom事件模型：事件捕获（从上向下），事件冒泡
  3. dom事件流：捕获阶段、目标阶段、冒泡阶段
  4. dom事件捕获的具体流程
    window-document-html(document.documentElement)-body-目标元素
  5. event对象的常见应用
    e.preventDefault()、e.stopPropagation()、e.stopImmediatePropagation():事件响应优先级、e.target、e.currentTarget
    事件委托(事件代理)的写法：$(ul).delegate(‘li’,click,fun);
  6. 自定义事件
    var eve = new Event(‘custome’);
    或者var eve = new CustomEvent(‘custome’,obj);//可以接受参数
    el.addEventListener(‘custome’,function(){
    console.log(‘custome’);
    },false);
    el.dispatchEvent(eve);