关于Event对象
srcElement/target:事件源对象,
eventPhase:事件所处的传播阶段,
clientX/x,offsentX/x,pageX/x,screenX/x:事件发生的X坐标
clientY/y,offsentY/y,pageY/y,screenY/y:事件发生的y坐标,
which,keyCode,charCode:键盘事件中按下的键盘,
button:鼠标那个按键被按下了,
cancelBubble:收否取消冒泡事件,
returnValue:是否阻止事件,默认行为,
event对象的所有属性列表可以在浏览器控制台中输出查看
KeyCode:
var inp=document.getElementById("inp");
inp.onkeydown=function(event){
var e=event||window.event||arguments.callee.caller.arguments[0];
console.log(e.keyCode);
if(e.keyCode==13){
console.log("Enter");
}
}
e.x/e.y:
event.clientX返回事件发生时,鼠标相对于客户窗口的X坐标
event.X也一样
但是如果设置事件对象的定位属性值为relative(父相子绝)
event.clientX不变
opera,chrome和safari的event.x返回值和event.clientX相同
IE中: event.X返回事件对象的相对于本体(父元素的边框)的坐标
---------------------------------------------------------
clientX/clientY:相对于浏览器显示区域,
pageX/pageY:相对于页面原点坐标,
screenX/screenY:相当于显示屏幕的原点坐标,
offsetX/offsetY:相对于事件源对象的原点坐标

浙公网安备 33010602011771号