Question

我正在尝试使用Jquery .mousemove()移动一个div，但只有第一次鼠标才能正常工作进入div#container。我的目标是移动div#hello内部div#container光标移动到的位置。请查看我的代码sample，如果我遗漏了某些内容，请提供帮助。

Answer 1

你应该在你的html中添加一个容器div
你应该将事件绑定到＆＃34;容器＆＃34;不是＆＃34;你好＆＃34;格
你可以操纵＆＃34;你好＆＃34;的css功能DIV。

您找到代码here

$("#container").mousemove(function (e) {
$("#result").text(e.pageX + ',' + e.pageY);
$("#hello").css('left', e.pageX);
$("#hello").css('top', e.pageY);
});

Answer 2

试试这个：

<强> HTML

<div id="container">
    <div id="hello">Hello</div>
</div>

<强> JS

$("#container").mousemove(function (e) {
if((e.pageX<365)&&(e.pageY<190))
{
    $("#hello").animate({left:e.pageX},0);
    $("#hello").animate({top:e.pageY},0);
}
});

<强> CSS

#hello {
    position:absolute;
}
#container {
    width:400px;
    height:200px;
    border:1px solid blue;
}

<强> DEMO

mousemove无法正常工作

2 个答案: