文章/答案/技术大牛

发布

问摩丝情绪不正常工作
EN

Stack Overflow用户

提问于 2014-09-04 17:03:59

回答 2查看 1.2K关注 0票数 1

我试图使用Jquery移动.mousemove()，但它的工作正常，只有第一次鼠标进入div#container。我的目标是将div#hello移动到div#container游标内的任何位置。请查看我的代码示例，如果我遗漏了什么，请提供帮助。

jquery

javascript

回答 2

Stack Overflow用户

回答已采纳

发布于 2014-09-04 20:22:38

您应该向html中添加一个容器div。
应该将事件绑定到“容器”而不是"hello“div。
您可以操作css特性的"hello“div。

您可以找到代码这里

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

票数 0

Stack Overflow用户

发布于 2014-09-04 21:05:04

试试这个：

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

$("#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;
}

演示

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/25671188

复制

相似问题

问摩丝情绪不正常工作
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问摩丝情绪不正常工作EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问摩丝情绪不正常工作
EN