js知识点总结

event代表事件的状态，例如触发event对象的元素，鼠标的位置及状态，按下的键等等。

event对象只能事件发生的过程中才有效。

event的某些属性只对特定的事件有意义。比如，fromElement和toElement属性只对onmouseover和onmouseout事件有意义。

event属性：altKey,button,cancelBubble,clientX,clientY,shiftKey, srcElement, srcFilter, toElement, type, x, y

1.【鼠标相关】

我们经常需要求出当前鼠标的坐标位置，这时就会用到诸如以下的内容：

• clientX，clientY:相对于客户区域的x，y坐标位置，不包括滚动条，就是正文区域。
• offsetx，offsetY：设置或者是得到鼠标相对于目标事件的父元素的内边界在x，y坐标上的位置。
• screenX，screenY: 相对于用户屏幕的x，y坐标位置。
• x，y:设置或者是得到鼠标相对于目标事件的父元素的外边界在x，y坐标上的位置。

2.【特殊按键的判断】

判断键盘上的特殊按键是否被按下：

• ALT键：event.altKey: true 为关闭，false 为不关闭。
• CTRL键：event.ctrlKey: true 为关闭，false 为不关闭。
• SHIFT键：event.shiftKey: true 为关闭，false 为不关闭。
• 鼠标键：event.button: 0-没按键 1-按左键 2-按右键 3-按左右键 4-按中间键 5-按左键和中间键 6-按右键和中间键 7-按所有的键。
• 一般按键：keyCode：设置或检索与引发事件的关键字相关联的Unicode关键字代码，该属性与onkeydown   onkeyup   onkeypress一起使用，如果没有引发事件的关键字，则该值为0。

  3.【应用实例】

  
  
   4.clientX 
  描述： 
  返回鼠标在窗口客户区域中的X坐标。 
  
  语法： 
  event.clientX 
  
  注释： 
  这是个只读属性。这意味着，你只能通过它来得到鼠标的当前位置，却不能用它来更改鼠标的位置。 
  
  5.clientY 
  描述： 
  返回鼠标在窗口客户区域中的Y坐标。 
  
  语法： 
  event.clientY 
  
  注释： 
  这是个只读属性。这意味着，你只能通过它来得到鼠标的当前位置，却不能用它来更改鼠标的位置。 
  
  
  
  
  
  
  
  例子： 
  下面的例子通过使用 onpropertychange 事件，弹出一个对话框，显示 propertyName 的值。2.returnValue 
  描述： 
  设置或检查从事件中返回的值 
  
  语法： 
  event.returnValue[ = Boolean] 
  
  可能的值： 
  true 事件中的值被返回 
  false 源对象上事件的默认操作被取消 
  
  例子见本文的开头。 
  
  13.screenX 
  描述： 
  检测鼠标相对于用户屏幕的水平位置 
  
  语法： 
  event.screenX 
  
  注释： 
  这是个只读属性。这意味着，你只能通过它来得到鼠标的当前位置，却不能用它来更改鼠标的位置。 
  
  14.screenY 
  描述： 
  检测鼠标相对于用户屏幕的垂直位置 
  
  语法： 
  event.screenY 
  
  注释： 
  这是个只读属性。这意味着，你只能通过它来得到鼠标的当前位置，却不能用它来更改鼠标的位置。 
  
  15.shiftKey 
  描述： 
  检查shift键的状态。 
  
  语法： 
  event.shiftKey 
  
  可能的值： 
  当shift键按下时，值为 TRUE ，否则为 FALSE 。只读。 
  
  16.srcElement 
  描述： 
  返回触发事件的元素。只读。例子见本文开头。 
  
  语法： 
  event.srcElement 
  
  17.srcFilter 
  描述： 
  返回触发 onfilterchange 事件的滤镜。只读。 
  
  语法： 
  event.srcFilter 
  
  18.toElement 
  描述： 
  检测 onmouseover 和 onmouseout 事件发生时，鼠标所进入的元素。 参考：7.fromElement 
  
  语法： 
  event.toElement 
  
  注释： 
  这是个只读属性。 19.type 
  描述： 
  返回事件名。 
  
  语法： 
  event.type 
  
  注释： 
  返回没有“on”作为前缀的事件名，比如，onclick事件返回的type是click 
  只读。 
  
  20. x 
  描述： 
  返回鼠标相对于css属性中有position属性的上级元素的x轴坐标。如果没有css属性中有position属性的上级元素，默认以BODY元素作为参考对象。 
  
  语法： 
  event.x 
  
  注释： 
  如果事件触发后，鼠标移出窗口外，则返回的值为 -1 
  这是个只读属性。这意味着，你只能通过它来得到鼠标的当前位置，却不能用它来更改鼠标的位置。 
  
  21. y 
  描述： 
  返回鼠标相对于css属性中有position属性的上级元素的y轴坐标。如果没有css属性中有position属性的上级元素，默认以BODY元素作为参考对象。 
  
  语法： 
  event.y 
  
  注释： 
  如果事件触发后，鼠标移出窗口外，则返回的值为 -1 
  这是个只读属性。这意味着，你只能通过它来得到鼠标的当前位置，却不能用它来更改鼠标的位置。