javascript中的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作为点击事件监听器
• 不要递归调用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