Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/loops/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
javascript中的Div放置_Javascript_Jquery - Fatal编程技术网

javascript中的Div放置

javascript中的Div放置,javascript,jquery,Javascript,Jquery,我希望它能在鼠标所在的位置创建div。我有以下代码: var mouseisdown = false; $(document).mousedown(function(event) { mouseisdown = true; doSomething(); }).mouseup(function(event) { mouseisdown = false; }); function doSomething(e){ var draw = document.createElement(

我希望它能在鼠标所在的位置创建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
$(文档)。单击(函数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{
位置:绝对位置;
高度:10px;
宽度:10px;
保证金:-5px;
背景:红色;
}

单击某个地方
您可能希望查看的可能的副本。