Javascript 附加文档对象

我需要附加document对象以在另一个div中移动div，下面是脚本：我想在

#bee#u div1

中移动块“moveme”，而不是在

#body

div中，但是每次鼠标移动到

#body

中时都必须触发action-animate（）

谢谢大家的帮助

试试这个：

注意，我正在基于其父容器设置边界，并且不允许蜜蜂离开边界

我还添加了一些边界，这样我们就可以知道它是否真的停留在我们设定的边界内

编辑上边界和左边界 试试这个：

注意，我正在基于其父容器设置边界，并且不允许蜜蜂离开边界

我还添加了一些边界，这样我们就可以知道它是否真的停留在我们设定的边界内

编辑上边界和左边界

---

检查容器的边界并相应地移动div，如下所示：

$("#body").mousemove(function(event) {
    var top = $('#bee_div1').offset().top;
    var bottom = $('#bee_div1').offset().top + $('#bee_div1').height() - $('#bee1').outerHeight();
    var left = $('#bee_div1').offset().left;
    var right = $('#bee_div1').offset().left + $('#bee_div1').width() - $('#bee1').outerWidth();

    var x = 0;
    var y = 0;

    if( event.pageX > right) {
        x = right;       
    } else if( event.pageX < left) {
        x = left;      
    } else {
        x = event.pageX;   
    }

    if( event.pageY > bottom) {
        y = bottom;      
    } else if( event.pageY < top) {
        y = top;      
    } else {
        y = event.pageY;  
    }

    console.log(event.pageX, event.pageY, top, bottom, left, right);
   $("#bee1").stop().animate({left: x, top: y}, 100)
});

$（“#body”）.mousemove（函数（事件）{
var top=$（'#bee_div1'）.offset（）.top；
变量bottom=$（'bee_div1'）。offset（）.top+$（'bee_div1'）。height（）-$（'bee1'）。outerHeight（）；
var left=$（'#bee_div1'）.offset（）.left；
var right=$（'bee_div1'）。offset（）。left+$（'bee_div1'）。width（）-$（'bee1'）。outerWidth（）；
var x=0；
var y=0；
如果（event.pageX>右侧）{
x=右；
}else if（event.pageX<左）{
x=左；
}否则{
x=event.pageX；
}
如果（event.pageY>底部）{
y=底部；
}else if（event.pageY

---

检查容器的边界并相应地移动div，如下所示：

$("#body").mousemove(function(event) {
    var top = $('#bee_div1').offset().top;
    var bottom = $('#bee_div1').offset().top + $('#bee_div1').height() - $('#bee1').outerHeight();
    var left = $('#bee_div1').offset().left;
    var right = $('#bee_div1').offset().left + $('#bee_div1').width() - $('#bee1').outerWidth();

    var x = 0;
    var y = 0;

    if( event.pageX > right) {
        x = right;       
    } else if( event.pageX < left) {
        x = left;      
    } else {
        x = event.pageX;   
    }

    if( event.pageY > bottom) {
        y = bottom;      
    } else if( event.pageY < top) {
        y = top;      
    } else {
        y = event.pageY;  
    }

    console.log(event.pageX, event.pageY, top, bottom, left, right);
   $("#bee1").stop().animate({left: x, top: y}, 100)
});

$（“#body”）.mousemove（函数（事件）{
var top=$（'#bee_div1'）.offset（）.top；
变量bottom=$（'bee_div1'）。offset（）.top+$（'bee_div1'）。height（）-$（'bee1'）。outerHeight（）；
var left=$（'#bee_div1'）.offset（）.left；
var right=$（'bee_div1'）。offset（）。left+$（'bee_div1'）。width（）-$（'bee1'）。outerWidth（）；
var x=0；
var y=0；
如果（event.pageX>右侧）{
x=右；
}else if（event.pageX<左）{
x=左；
}否则{
x=event.pageX；
}
如果（event.pageY>底部）{
y=底部；
}else if（event.pageY

---

很好，它被限制在底部，右侧，左侧和顶部如何，但它从顶部和左侧的div中退出，但已固定。再次检查它，它被限制在底部，右侧，左侧和顶部如何，但它在它的顶部和左侧脱离div，这是固定的。再看看吧