1:什么是event?
1:event存在的环境是绑定事件中;
2:event是一个对象,代表事件的状态;
3:event==evet==evt==e;
2:event的兼容写法:
var e=evt||window.event;
3: 事件源的兼容
target 是event对象下面的属性,这个属性指向事件源
event.target 是w3c的写法,ie浏览器不支持
event.srcElement 这是IE的写法(兼容低版本IE)
兼容写法
event:标准写法
window.event:IE写法(兼容低版本)
var e=event.target||event.srcElement;
4: 获取鼠标在可视窗口的位置
clientX 鼠标在x轴的位置
clientY 鼠标在y轴的位置
5:获取鼠标在页面的坐标位置
pageX 鼠标在页面x轴的位置
pageY 鼠标在页面y轴的位置
6:获取鼠标在屏幕坐标位置
screenX 鼠标在屏幕的x轴的位置
screenY 鼠标在屏幕的y轴的位置
7:获取到鼠标在当前div(元素)上的坐标位置
offsetY
offsetX 火狐浏览器不兼容
layerX 火狐浏览器兼容
layerY
8:获取可视窗口的宽高/获取屏幕窗口的宽高
可视:clientWidth/clientHeight
屏幕:screenWidth/screenHeight
网友评论