Question

所以我有2个div：

<div class="ccc" style="position: relative; left: 100px; top: 50px; width: 200px; height: 150px; border: solid 1px;" oncontextmenu="return false;"></div>
<div class="ddd" style="position: relative; left: 200px; top: 100px; width: 100px; height: 40px; border: solid 1px;" oncontextmenu="return false;"></div>

http://jsfiddle.net/n8rna/

我需要以下内容：

我需要使用class =“ccc”跟踪div内部的鼠标位置/移动（坐标应相对于此div，而不是相对于页面）
这些坐标需要使用class =“ddd”显示在div内部
如果可能的话，坐标应该按照每10个像素（10,10 - 20,10等而非1,1 - 2,1 - 3,1 ......）进行登记。

我更喜欢jquery函数，但我也对其他方法（javascript或其他东西）开放。

Answer 1

<script>    
$(document).ready(function () {
    $('.ccc').mousemove(function (e) {
        $('.ddd').text("( " + (e.clientX - $(this).offset().left) + ", " + (e.clientY - $(this).offset().top) + " )");
    });
});
</script>

这是工作示例：fiddle

另一个div中显示的一个div的鼠标坐标 - jquery

1 个答案: