鼠标点击,在鼠标点击的坐标显示一个DIV,发现只能在Firefox或其它非IE核心的浏览器使用,IE不行
想问下前辈,这个怎么才能改成兼容IE浏览器
function getX(e) {
e = e || window.event;
return e.pageX || e.clientX + document.body.scroolLeft;
}function getY(e) {
e = e|| window.event;
return e.pageY || e.clientY + document.boyd.scrollTop;
} function ShowEdit(e){
var x = getX(e) + 20;
var y = getY(e) - 10;
$("#EditChanel").css("position",'absolute');
$("#EditChanel").css("left",x);
$("#EditChanel").css("top",y);
$("#EditChanel").css("display","block");
}下面是调用代码<a href="#" onclick="ShowEdit(event);">编辑</a>
想问下前辈,这个怎么才能改成兼容IE浏览器
function getX(e) {
e = e || window.event;
return e.pageX || e.clientX + document.body.scroolLeft;
}function getY(e) {
e = e|| window.event;
return e.pageY || e.clientY + document.boyd.scrollTop;
} function ShowEdit(e){
var x = getX(e) + 20;
var y = getY(e) - 10;
$("#EditChanel").css("position",'absolute');
$("#EditChanel").css("left",x);
$("#EditChanel").css("top",y);
$("#EditChanel").css("display","block");
}下面是调用代码<a href="#" onclick="ShowEdit(event);">编辑</a>
这个不是关闭窗口吗?
我是想把ID为EditChanel的DIV显示在指定的坐标下
e = e || window.event;
return e.pageX || e.offsetX + document.body.scroolLeft;
}
function getY(e) {
e = e|| window.event;
return e.pageY || e.offsetY + document.boyd.scrollTop;
}
function ShowEdit(e){
var x = getX(e) + 20;
var y = getY(e) - 10;
$("#EditChanel").css({
"position": 'absolute',
"left": x,
"top": y,
"display": "block"
});
}
改过来还是不行的。
这个是页面地址:
http://bysjzy.com/Admin/Chanel/ChanelMgr.aspx
页面地址:
http://bysjzy.com/Admin/Chanel/ChanelMgr.aspx但在FireFox或Chrome下就可以。
点编辑的时候,应该在旁边出现一个输入框的DIV才对
var event = e || window.event;
if (event.pageX || event.pageY) {
return {x:event.pageX, y:event.pageY};
}
return {
x:event.clientX + document.body.scrollLeft - document.body.clientLeft,
y:event.clientY + document.body.scrollTop - document.body.clientTop
};
}
function ShowEdit(e) {
var pos = mousePosition(e);
alert(pos.x);
alert(pos.y);
}
改成你这段代码了,坐标弹出来应该是正确的。
地址:http://bysjzy.com/Admin/Chanel/ChanelMgr.aspx