window.event.clientX 屏幕下拉移位...

[frenzy917]

我用这个window.event.clientX读取鼠标的位置显示提示框
可是当屏幕下拉的时候就会出现移位,应该怎麽解决??
我的js代码如下
function showad(id) {
var addiv = document.getElementById(id);
var x = window.event.clientX;
var y = window.event.clientY;

addiv.className="showad";
addiv.style.top = y+ "px";
addiv.style.left = x+ "px";
}
css样式如下
showad{display:block;position:absolute;z-index:9;width:300px;}

[lsc1202001]

var x = window.event.x;
var y = window.event.y;

[囧]

这么小气，一分都不给 O_O

我的看法：
要用到３个事件
1.onmousedown
记录x, y坐标，设置标记，鼠标已按下, 捕获鼠标
2.onmousemove
和记录的x,y比较,移动层. 更新x,y坐标
3.onmouseup
设置标记，鼠标已放开，释放鼠标,

我写了个窗口类，可以移动,兼容IE6.0以上和FF,不过在家里的电脑的 - -!

[frenzy917]

不是不想给...我没分了....

我现在如果窗口不动的话能显示正确,但是窗口下拉(就是页面比较长,右面有拖动条,下拉之后)之后显示就偏上了,要怎么解决?

[囧]

加上document.documentElement.scrollTop试试

[frenzy917]

ie下搞定..
var y = window.event.clientY +document.body.scrollTop

[frenzy917]

firefox下搞定
function showad(e,id)
{
var addiv = document.getElementById(id);
e=e||event;
var x = e.clientX;
var y = e.clientY+(document.body.scrollTop?document.body.scrollTop:document.documentElement.scrollTop) ;
addiv.className="showad";
addiv.style.top = y+ "px";
addiv.style.left = x+ "px";
}

[囧]

FF下用的是pageX