為什么在這個... div畫面的左上角有方形聚會

Question

我無法弄清楚為什么......我做錯了什么。

由於某些原因，在頂部創建了具有0,0的元素。

http://jsfiddle.net/6UamQ/

var m = $('.main'), div = $(document.createElement('div')), d;


m.on('mousemove',function(e){
    d = div.clone();
    d.addClass('paint');
    d.css({top:e.offsetY,left:e.offsetX});
    m.append(d);
});

Answer 1

問題是，一旦你將div添加到main ，你也可以從這些子元素中獲取mousemove事件。 嘗試過濾掉這樣的子事件：

m.on('mousemove',function(e){
    if( e.target === this ) {
        d = div.clone();
        d.addClass('paint');
        d.css({top:e.offsetY,left:e.offsetX});
        m.append(d);
    }
});

示范

Answer 2

如果用pageY和pageX替換offsetY和offsetX，它將起作用。 http://jsfiddle.net/6UamQ/4/

var m = $('.main'), div = $(document.createElement('div')), d;


m.on('mousemove',function(e){
d = div.clone();
d.addClass('paint');
d.css({top:e.pageY,left:e.pageX});
m.append(d);
});