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();