dom-Event对象

HTML DOM Event 对象

 

   --- Event对象代表事件的状态，比如事件在其中发送的元素、键盘按键的状态、鼠标的位置、鼠标按钮的状态。

 

 

 

• 鼠标|键盘属性

      1、 clientX

 

       ----返回当事件被触发时候， 鼠标指针相对于 当前的窗口 的水平坐标。

 

      2、 clientY

 

       ----返回当事件被触发时候， 鼠标指针相对于 当前的窗口 的垂直坐标。（不考虑文档的滚动，如果事件发生在窗体的顶部，无论文档滚动了多远，clientY的值为0）

 

      3、 screenX

 

       ----返回当某个事件被触发时， 鼠标指针的相对于 屏幕的水平坐标。

 

      4、 screenY

 

       ----返回当某个事件被触发时， 鼠标指针的相对于 屏幕的垂直坐标。

 

   

      5、 button

 

       ----返回当事件被触发时， 哪个鼠标按钮被电击。

 

 

      6、 shiftKey

 

       ----返回当事件被触发时， "Shift"键是否被按下。  1 代表按下  0 代表没有按

 

      7、 altKey

 

       ----返回当事件被触发时， "Alt"是否被按下。   1 代表按下  0 代表没有按

 

 

• IE属性

      1、 cancelBubble

 

        ----如果事件句柄想 阻止事件传播到包容对象，就必须把该属性设为 true

 

      2、 offsetX, offsetY

 

        ----发生事件的地点在 事件源元素的坐标系统中的 x坐标和 y坐标。

 

      3、 returnValue

   

        ----如果设置了该属性， 它的值比事件句柄的返回值优先级高。设置为 false，可以 取消发送事件的源元素的默认动作。

 

      4、 srcElement

 

        ---对于 生成事件的 Window对象、 Document对象或 Element对象。

 

      5、 x,y

 

        --- 事件发生的位置的x坐标和y坐标，他们 相对于用CSS动态定位的最内层包容元素。

 

 

• 标准Event方法 -----2级DOM事件标准 | IE不支持

      1、 preventDefault()

 

        ---通知浏览器 不执行与事件关联的默认动作。

 

      2、 stopPropagation()

 

        --- 不在派发事件。

 

 

• 标准Event属性   -----IE不支持

      1、 target

 

        ---返回 触发此事件的元素（事件的 目标节点）

 

      2、 type

 

        ---返回当前Event对象表示的事件的 名称      

 

 

  扩展阅读：

 

1、 http://www.w3school.com.cn/htmldom/dom_obj_event.asp