/****************************************************/
一些实际例子
/****************************************************/
EVENT对象捕获鼠标点击事件位置
document.οnclick=function (evn){
var x=0,y=0;
evn=evn||window.event;
if(evn.pageX){
x=evn.pageX;
Y=evn.pageY;
}
else if(evn.clientX){/*IE 浏览器不支持pageX*/
var offsetX=0,offsetY=0;
if(document.documentElement.scrollLeft){
offsetX=document.documentElement.scrollLeft;
offsetY=document.documentElement.scrollTop;//IE6以上版本
}
else if(document.body){
offsetX=document.body.scrollLeft;//IE6以下版本
offsetY=document.body.scrollTop;
}
x=evn.clientX+offsetX;
y=evn.clientY+offsetY;
}
alert("x="+x);
alert("y="+y);
}
兼容IE和标准浏览器事件
function listenEvent(eventTarget,eventType,eventHandler){
if(eventTarget.addEventListener){//标准事件处理
eventTarget.addEventListener(eventType,eventHandler,false);
}
else if(eventTarget.attachEvent){//IE事件处理
eventTarget.attachEvent("on"+eventType,eventHandler);
}
else{
eventTarget["on"+eventType]=eventHandler;
}
}
阻止默认事件:
标准事件中event.preventDefault();
IE中:returnValue=false;
阻止冒泡:
标准事件中:event.stopPropagation();
IE中:event.cancelBubble=true;
确定web页面宽高
IE中:width=document.documentElement.clientwidth||
document.body.clientwidth
标准事件:width=window.innerWidth;
坐标值获取:
1.标准DOM:window.pageXOffset
IE中:document.body.scrollLeft||document.documentElement.scrollLeft
2.标准DOM:window.innerWidth
IE中:document.body.clientwidth||document.documentElement.clientwidth
3.
一些实际例子
/****************************************************/
EVENT对象捕获鼠标点击事件位置
document.οnclick=function (evn){
var x=0,y=0;
evn=evn||window.event;
if(evn.pageX){
x=evn.pageX;
Y=evn.pageY;
}
else if(evn.clientX){/*IE 浏览器不支持pageX*/
var offsetX=0,offsetY=0;
if(document.documentElement.scrollLeft){
offsetX=document.documentElement.scrollLeft;
offsetY=document.documentElement.scrollTop;//IE6以上版本
}
else if(document.body){
offsetX=document.body.scrollLeft;//IE6以下版本
offsetY=document.body.scrollTop;
}
x=evn.clientX+offsetX;
y=evn.clientY+offsetY;
}
alert("x="+x);
alert("y="+y);
}
兼容IE和标准浏览器事件
function listenEvent(eventTarget,eventType,eventHandler){
if(eventTarget.addEventListener){//标准事件处理
eventTarget.addEventListener(eventType,eventHandler,false);
}
else if(eventTarget.attachEvent){//IE事件处理
eventTarget.attachEvent("on"+eventType,eventHandler);
}
else{
eventTarget["on"+eventType]=eventHandler;
}
}
阻止默认事件:
标准事件中event.preventDefault();
IE中:returnValue=false;
阻止冒泡:
标准事件中:event.stopPropagation();
IE中:event.cancelBubble=true;
确定web页面宽高
IE中:width=document.documentElement.clientwidth||
document.body.clientwidth
标准事件:width=window.innerWidth;
坐标值获取:
1.标准DOM:window.pageXOffset
IE中:document.body.scrollLeft||document.documentElement.scrollLeft
2.标准DOM:window.innerWidth
IE中:document.body.clientwidth||document.documentElement.clientwidth
3.