UC知道一个javascript的小小问题，请教下
来源：百度知道 编辑：UC知道 时间：2024/05/05 02:06:50
我用鼠标事件控制一个控件，使这个控件随着我的鼠标的移动而移动，鼠标就在控件的中心位置，我一开始发觉没问题，可是当我滚动鼠标的滑轮时，问题来了，鼠标时以显示屏幕作为参照物的，当我滚动滑轮时，鼠标的坐标并没有改变，但是，控件是以整个网页作为参照物的，控件相对于网页也没有动，但是由于两者的参照物不同，他们分离开来了，有什么办法使他们两个的参照物一样吗？
代码如下：
<script type="text/javascript">
document.onmousemove = MouseMove;
function MouseMove()
{
my = event.y;
mx = event.x;
//mmmy.value=my;
//mmmx.value=mx;
box.style.top=my - parseInt(box.style.height) * 1 / 2;
box.style.left=mx - parseInt(box.style.width) * 1 / 2;
}
</script>
<div id="box" style="position:absolute; border:solid 1px Black; background-color:#89CE00; width:100px; height:72px; filter:alpha(opacity=50);"></div>
不行啊 给你更形象一点的画面
在div之前插入这段代码
<h1>mouse</h1><h1>mouse</h1><h1>mouse</h1><h1>mouse</h1><h1>mouse</h1><h1>mouse</h1><h1>mouse</h
代码如下：
<script type="text/javascript">
document.onmousemove = MouseMove;
function MouseMove()
{
my = event.y;
mx = event.x;
//mmmy.value=my;
//mmmx.value=mx;
box.style.top=my - parseInt(box.style.height) * 1 / 2;
box.style.left=mx - parseInt(box.style.width) * 1 / 2;
}
</script>
<div id="box" style="position:absolute; border:solid 1px Black; background-color:#89CE00; width:100px; height:72px; filter:alpha(opacity=50);"></div>
不行啊 给你更形象一点的画面
在div之前插入这段代码
<h1>mouse</h1><h1>mouse</h1><h1>mouse</h1><h1>mouse</h1><h1>mouse</h1><h1>mouse</h1><h1>mouse</h
加上滚动条的高度和宽度
再加上 滚动条滚动事件
是你浏览器的事吧，在我这怎么没出现问题啊，你可以把代码考到另一台机器上试试
把光标在网页没有链接的空白处点一下,不要在控件里,在滚滑轮就没事了