div contenteditable="true" 嵌套div可移动，但是不知道响应什么事件

div contenteditable

解决方案 »

  1.   

    代码如下
    <!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>