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

＆＃13;

$(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";
});

＆＃13;

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

＆＃13;

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

＆＃13;

在javascript中放置div

1 个答案: