事件对象

Apr 11, 2017


事件对象

  1. 事件对象的获取(event的获取) IE678中,window.event 在火狐谷歌中,event或者,在事件绑定的函数中传参,这个参数就是event. Box.onclick = function (aaa){ aaa就是event }
  2. 兼容获取方式有两种: 不写参数直接使用event; 写参数,但是为event….var event = event || window.event;(主要用这种)
  3. 事件对象的属性 timeStamp 返回事件生成的日期和时间。 bubbles 返回布尔值,指示事件是否是起泡事件类型。 button 返回当事件被触发时,哪个鼠标按钮被点击。 target 该事件被传送到的对象 type 事件类型 screenX/screenY 光标相对于 电脑屏幕的水平/垂直位置 clientX/clientY 光标相对于 浏览器窗口的水平/垂直位置(当前可见区域) pageX/pageY 光标相对于 该网页的水平/垂直位置(ie67不支持)

案例:鼠标跟随、鼠标在盒子中的坐标、放大镜、拖拽案例、模拟滚动条