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