0

だから私は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 ピクセルごとに登録する必要があります (1,1 - 2,1 - 3,1 ではなく、10,10 - 20,10 など)。

これにはjquery関数を使用したいと思いますが、他のアプローチ（javascriptなど）にも対応しています。

4

1 に答える 1

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

ここに実例があります：フィドル

于 2013-09-15T11:59:54.847 に答える