javascript中的Div放置
我希望它能在鼠标所在的位置创建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(
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;
背景:红色;
}
单击某个地方
您可能希望查看的可能的副本。