Question

jquery 图片跟随鼠标移动的一个问题

想实现一个效果。鼠标 mosedown 之后 让图片跟随鼠标移动 。但是 会出现这样的情况 就是如果当鼠标移动的幅度过大 造成mouseover的情况 ，从而导致图片不跟随鼠标移动。请问这种情况该如何解决？？？
这是我的代码
<script type="text/javascript" src="jquery-1.9.1.min.js"></script>
<script type="text/javascript">
$(function(){
$('div').mousedown(function(event){
var _x=parseInt(event.pageX);
var _divX=parseInt($('div').offset().left);
var disX=_x-_divX;
//alert(disX);
$(this).mousemove(function(event){
var newX=parseInt(event.pageX);
var newdX=newX-disX;
$(this).css("left",newdX+"px");
});
});
});
</script>
<div style="width:100px;height:100px;background-color:red;position:absolute"></div>

Answer 1

<script type="text/javascript">
$(function(){
    $('div').mousedown(function(event){
        var dragFlag = true;
        var _x = parseInt(event.pageX);
        var _divX = parseInt($('div').offset().left);
        var disX = _x - _divX;
        //alert(disX);
        $(document).mousemove(function(event){
            if( !dragFlag ) return;
            var newX = parseInt(event.pageX);
            var newdX = newX - disX;
            $('div').css("left",newdX + "px");
        });
        $(document).mouseup(function(event){
            dragFlag = false;
        });
    });
});
</script>

Answer 2

你好 你把 mousemove 换成 mouseenter 如果还不行请继续追问 满意请采纳 谢谢

追问

不行啊亲

不行啊亲

追答

$(function(){
$(document).mousemove(function(e){
$("img").css("left",e.pageX).css("top",e.pageY);
});
});

你试下我这段代码？