Javascript 使用jquery将mousemove移出帧div标记时出错?

Javascript 使用jquery将mousemove移出帧div标记时出错?,javascript,jquery,Javascript,Jquery,我有一个示例代码: <div style="background: url('test.jpg') no-repeat left center; width: 500px; height: 334px;"> <div id="button-wrapper" style="position: absolute; opacity: 1; z-index: 100;"> <input type="button" value="submit">

我有一个示例代码:

<div style="background: url('test.jpg') no-repeat left center; width: 500px; height: 334px;">
   <div id="button-wrapper" style="position: absolute; opacity: 1; z-index: 100;">
   <input type="button" value="submit">    
   </div>
</div>​

鼠标移出帧时出错(div id=“button wrapper”)超出帧时运行,如何修复它,使其仅在帧中运行?(演示)

在代码中定义mousemove的容器。

检查此链接。。代码已更新

我对鼠标的移动加上了限制

 var a = $(this).height()-15;
         var b = $(this).width()-35;
        if(e.pageY < a&& e. pageX < b)
        {
        $('div[id^="button-wrapper"]').css({
                        top:e.pageY-5,
            left:e.pageX-5
         });
    }
var a=$(this).height()-15;
var b=$(this).width()-35;
如果(e.pageY
您需要检查鼠标是否移动到父div之外。请参见-


如果不希望控件完全超出div,则需要考虑按钮的大小。

可以使用
$
而不是
jQuery
,如果希望通过id引用元素,请使用
$(“#按钮包装器”)
 var a = $(this).height()-15;
         var b = $(this).width()-35;
        if(e.pageY < a&& e. pageX < b)
        {
        $('div[id^="button-wrapper"]').css({
                        top:e.pageY-5,
            left:e.pageX-5
         });
    }
var _c = $(this);
var _p = _c.position();;

if (_top > (_p.top + _c.height())) _top = _p.top + _c.height();
if (_left > (_p.left + _c.width())) _left = _p.left +_c.width();