ウィンドウ上でdivを動的に表示する方法

Question

私は画面の任意の点をクリックすると、クリックした点でdivを表示する必要があります。例を教えてください

Answer 1

例：http://jsfiddle.net/patrick_dw/erG9Q/

$(document).click(function(e) { 
    $("<div class='mydiv'></div>").offset({top:e.pageY,left:e.pageX}) 
            .appendTo(document.body); 
}); 

CSS

div.mydiv { 
    width: 50px; 
    height: 50px; 
    position: absolute; 
    background: orange; 
} 

• 割り当てハンドラでdocument
• にa .click() handler、create a new elementその.offset({top:e.pageY,left:e.pageX})
• .appendTo()クリックのポイントにpage .offset()ページ.appendTo(document.body)

Answer 2

マウスの位置を取得するのにclientXとclientYを使用してください。これは簡単な例です：

$(window).click(function(e) 
{ 
    var div = $("<div style='position: absolute; width: 10px; height: 10px; background: red;'>hello</div>"); 
    div.css('top', e.clientY); 
    div.css('left', e.clientX); 

    div.appendTo("body"); 
}); 

デモhereです。