2020-04-20

今日学习
DOM事件
绑定或者解绑方式
HTML事件处理程序

DOM0级事件处理程序
var div = document.getElementBYId(‘one’);
div.onlick = function(event){
event–>事件对象

  }
  事件解绑
  div.click = null;
DOM2级事件处理程序
  非IE8及以下
    事件绑定
    div.addEventListener('click',handle,false);
    事件解绑
    div.removeEventListener('click',handle,false);
          IE8及以下
    事件绑定
    div.attachEvent('onclick',handle);
    事件解绑
    div.detachEvent('onclick',handle);

事件对象
event–>事件对象
一般在事件处理程序的参数
event||window.event
DOM2级绑定事件的时候，事件对象在事件处理程序的形参那里。DOM0级事件绑定程序，事件对象在event||window.event
事件对象的属性和方法
非IE8及以下
target 事件目标，触发事件的源头
currentTarget 当前处理事件处理程序的目标
preventDefault() 取消事件默认行为
stopPropagation() 停止事件冒泡
IE8及以下
srcElement 获取事件目标
returnValue = false 阻止默认行为
cancelBubble = true 停止事件冒泡
处理浏览器兼容性
事件绑定
el.addEventListener(type,handle)
el.attachEvent(‘on’+type,handle)
el[‘on’+type]=handle;
事件解绑
el.removeEventListener(type,handle)
el.detachEvent(‘on’+type,handle)
el[‘on’+type]=null;
获取事件对象
event||window.event
获取事件目标
event.target||event.srcElement
阻止默认行为
event.preventDefault()
event.returnValue = false;
停止冒泡
event.stopPropagation()
event.cancelBubble = true;