div contenteditable="true" 嵌套div可移动，但是不知道响应什么事件 5
外层divcontenteditable="true"，内层div（按钮添加，可多个）可拖拽，可改变大小，但是不知道拖拽时，响应什么事件，还有如何选中多个div，目前只在...
外层div contenteditable="true"，内层div（按钮添加，可多个） 可拖拽，可改变大小，但是不知道拖拽时，响应什么事件，还有如何选中多个div，目前只在firefox下有效果。
代码如下：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>Examples</title>
<meta name="description" content="">
<meta name="keywords" content="">
<script type="text/javascript" src="jquery-1.11.0.js"></script>
<link href="" rel="stylesheet">
<style type="text/css">
.div_layout{
border: 1px solid #9FA0A0;
width: 75%;
height: 100%;
float: left;
}
.div_layout_bgcolor{
background-color: #F6F6F6;
}
</style>
<script type="text/javascript">
var ids=0;
function addlayout(){
ids++;
//点击按钮事件
var divs = "";
var selectids = "pos";
var strlist = "";
//循环新增布局内容
divs = divs+ "<div id=\"mdiv_"+ids+"\" name=\"mdiv\" style=\"width:100;height:100;border:solid 1px #9FA0A0; position:absolute;\" ><div style=\"padding-top:40px;\">"+selectids+ids+"</div></div>";
$("#Ldiv").append(divs);
}
</script>
</head>
<body>
<div class="div_layout div_layout_bgcolor" CONTENTEDITABLE="true"
id="Ldiv" name="Ldiv" style="width: 550px; height: 350px;border: 1px solid #f00;" ></div>
<div>
<input type="button" class="button_opr2" value="新增" onclick="addlayout()" />
</div>
</body>
</html> 展开
代码如下：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>Examples</title>
<meta name="description" content="">
<meta name="keywords" content="">
<script type="text/javascript" src="jquery-1.11.0.js"></script>
<link href="" rel="stylesheet">
<style type="text/css">
.div_layout{
border: 1px solid #9FA0A0;
width: 75%;
height: 100%;
float: left;
}
.div_layout_bgcolor{
background-color: #F6F6F6;
}
</style>
<script type="text/javascript">
var ids=0;
function addlayout(){
ids++;
//点击按钮事件
var divs = "";
var selectids = "pos";
var strlist = "";
//循环新增布局内容
divs = divs+ "<div id=\"mdiv_"+ids+"\" name=\"mdiv\" style=\"width:100;height:100;border:solid 1px #9FA0A0; position:absolute;\" ><div style=\"padding-top:40px;\">"+selectids+ids+"</div></div>";
$("#Ldiv").append(divs);
}
</script>
</head>
<body>
<div class="div_layout div_layout_bgcolor" CONTENTEDITABLE="true"
id="Ldiv" name="Ldiv" style="width: 550px; height: 350px;border: 1px solid #f00;" ></div>
<div>
<input type="button" class="button_opr2" value="新增" onclick="addlayout()" />
</div>
</body>
</html> 展开
1个回答
展开全部
没有拖动这个事件，层的拖动是用JS完成的。
更多追问追答
追问
那我拖动div后，如何获取当前div的坐标？
追答
用JQ的offset可以获取~
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
