javascript中的分区位置

Div placement in javascript

本文关键字：位置 分区 javascript      更新时间：2023-09-26

我希望它在鼠标所在的地方创建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();
}

基本上你已经有了它，但你把它搞得太复杂了：

  • 删除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

相关文章：