详解javascript中event对象的常用属性以及他们之间的区别

详解javascript中event对象的常用属性以及他们之间的区别

event对象

event对象代表事件的状态，比如事件在其中发生的元素、键盘按键的状态、鼠标的位置、鼠标按钮的状态。事件通常与函数结合使用，函数不会在事件发生前被执行！

event对象的属性

一、第一组 event.clientX和event.clientY 
获取或者设置鼠标相对于浏览器可视区域的X,Y坐标（将参照点改成了浏览器内容区域的左上角），可视区域不包括工具栏和滚动条。IE事件和标准事件都定义了这2个属性。

二、第二组 event.screenX与event.screenY 
鼠标相对于用户显示器屏幕左上角的X,Y坐标。标准事件和IE事件都定义了这2个属性。

注意第一组和第二组的区别在于 一个是可视区域 不包含工具栏和滚动图 另一个则是相对于用户显示器屏幕作为参照物

三、

获取键盘事件发生时键盘的按键值。为一个int型数据。比如字母A的keyCode值为65，回车键的 keyCode值为13。
如：alert(event.keyCode); //返回按下按键的code值