javascript - 如何让物体向鼠标位置移动？

Question

我试图让一个对象在用左指针单击区域时在该区域中移动。

• 这在 javascript/jquery 中可行吗？
• 如果可能的话，你能给我一些例子吗？
• 我的目标是在 javascript/html/css 中做到这一点

这是一个 example of an object following the mouse click

Answer 1

你可以这样做(Working Demo in jsFiddle):

$(document).ready(function(){
    $('#canvas').click(function(e){
        var offset = $(this).offset();
        $('#object').css({
            'top': e.pageY-offset.top,
            'left': e.pageX-offset.left
        })
    })
})

无论何时发生点击事件，都会获取 pageX 和 pageY 值，使用这些值可以找到 Canvas 对象中点击的确切位置。然后在 jQuery animate 函数中使用此坐标来更改其中对象 div 的位置。