在div中的div位置

Question

我希望它创建鼠标所在的div。我有以下代码：

var mouseisdown = false; 

$(document).mousedown(function(event) { 
mouseisdown = true; 
doSomething(); 
}).mouseup(function(event) { 
mouseisdown = false; 
}); 

function doSomething(e){ 
    var draw = document.createElement("div"); 
    draw.className = "draw"; 
    document.body.appendChild(draw); 
    draw.style.top = e.clientY + "px"; 
    draw.style.left = e.clientX + "px"; 
if (mouseisdown) 
    doSomething(); 
} 

Answer 1

基本上你已经知道答案，但是你过于复杂吧：

• 取出mouseisdown变量和事件侦听器
• 添加doSomething作为click事件侦听
• 递归调用doSomething

$(document).click(function doSomething(e){ 
 
    var draw = document.createElement("div"); 
 
    draw.className = "draw"; 
 
    document.body.appendChild(draw); 
 
    draw.style.top = e.clientY + "px"; 
 
    draw.style.left = e.clientX + "px"; 
 
});

.draw { 
 
    position: absolute; 
 
    height: 10px; 
 
    width: 10px; 
 
    margin: -5px; 
 
    background: red; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
Click somewhere