事件高级--事件对象

1.事件高级

1.1 事件对象

• 事件处理函数：事件发生的时候调用的函数，事件处理函数

• 事件对象：window.event 在事件处理函数中使用的一个特殊对象，当事件发生的时候，浏览器会将所有和当前事件相关的信息存储在事件对象event（事件类型，鼠标位置，事件目标。。。。）

  chrome/ie:window.event
  ff:通过事件处理函数的第一个参数传入
  兼容：var ev = window.event||ev
  document.onclick = function(ev){
      console.log(window.event);
      console.log(event);
      console.log(ev); //ff
  
      //兼容
      var ev = window.event || ev;
      console.log(ev);
  }
  

• 事件对象常用属性

  • type：事件类型

  • target||srcElement：事件目标

  • clientX,clientY:鼠标位置，相对于屏幕的左上角

  • shiftkey,ctrlKey,altKey:事件发生的时候有没有按住这个键，有-true，没有false

    console.log(ev.type); //事件类型 click
    console.log(ev.target || ev.srcElement);//事件目标  真正触发事件的对象
    console.log(ev.clientX + "----------"+ev.clientY); //鼠标位置 相对于屏幕左上角
    console.log(ev.pageX + "----------"+ev.pageX); //鼠标位置 相对于页面左上角
    console.log(ev.shiftKey,ev.ctrlKey,ev.altKey);//事件发生的时候有没有按住这些功能键，按了-true  没按-false
    }