详解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值