为什么在这个... 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);
});