{"id":550,"date":"2021-07-20T08:32:08","date_gmt":"2021-07-20T00:32:08","guid":{"rendered":"http:\/\/log.tanxiaodian.com\/?p=550"},"modified":"2021-07-20T08:32:08","modified_gmt":"2021-07-20T00:32:08","slug":"html5-div%e6%8b%96%e5%8a%a8%e5%b9%b6%e4%ba%92%e6%8d%a2%e5%86%85%e5%ae%b9","status":"publish","type":"post","link":"https:\/\/log.tanxiaodian.com\/?p=550","title":{"rendered":"Html5 div\u62d6\u52a8\u5e76\u4e92\u6362\u5185\u5bb9"},"content":{"rendered":"\n<p>\u8f6c\u81ea <a href=\"https:\/\/blog.csdn.net\/sunshine940326\/article\/details\/72669984\" data-type=\"URL\" data-id=\"https:\/\/blog.csdn.net\/sunshine940326\/article\/details\/72669984\">html5\u62d6\u653e&#8211;15\u884cjs\u4ee3\u7801\u5b9e\u73b0\u4e24\u4e2adiv\u5185\u5bb9\u4e92\u6362_sunshine940326\u7684\u535a\u5ba2-CSDN\u535a\u5ba2<\/a><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;!DOCTYPE html>\r\n&lt;!DOCTYPE HTML>\r\n&lt;html>\r\n&lt;head>\r\n    &lt;style type=\"text\/css\">\r\n        #div1\r\n        {float:left; width:100px; height:35px; margin:10px;padding:10px;border:1px solid #aaaaaa;}\r\n        #div2\r\n        {float:left; width:200px; height:135px; margin:10px;padding:10px;border:1px solid #aaaaaa;}\r\n\r\n    &lt;\/style>\r\n    &lt;script type=\"text\/javascript\">\r\n        function allowDrop(ev)\r\n        {\r\n            ev.preventDefault();\r\n        }\r\n\r\n        var srcdiv = null;\r\n        function drag(ev,divdom)\r\n        {\r\n            srcdiv=divdom;\r\n            ev.dataTransfer.setData(\"text\/html\",divdom.innerHTML);\r\n        }\r\n\r\n        function drop(ev,divdom)\r\n        {\r\n            ev.preventDefault();\r\n            if(srcdiv != divdom){\r\n                srcdiv.innerHTML = divdom.innerHTML;\r\n                divdom.innerHTML=ev.dataTransfer.getData(\"text\/html\");\r\n            }\r\n        }\r\n    &lt;\/script>\r\n&lt;\/head>\r\n&lt;body>\r\n\r\n&lt;div id=\"div1\" ondrop=\"drop(event,this)\" ondragover=\"allowDrop(event)\" draggable=\"true\" ondragstart=\"drag(event, this)\">\r\n    &lt;p>ni hao!&lt;\/p>\r\n&lt;\/div>\r\n&lt;div id=\"div2\" ondrop=\"drop(event,this)\" ondragover=\"allowDrop(event)\" draggable=\"true\" ondragstart=\"drag(event, this)\">\r\n    &lt;p>Hello world!&lt;\/p>\r\n&lt;\/div>\r\n\r\n&lt;\/body>\r\n&lt;\/html><\/code><\/pre>\n","protected":false},"excerpt":{"rendered":"<p>\u8f6c\u81ea html5\u62d6\u653e&#8211;15\u884cjs\u4ee3\u7801\u5b9e&#8230;<\/p>\n<div class=\"more-link-wrapper\"><a class=\"more-link\" href=\"https:\/\/log.tanxiaodian.com\/?p=550\">Continue reading<span class=\"screen-reader-text\">Html5 div\u62d6\u52a8\u5e76\u4e92\u6362\u5185\u5bb9<\/span><\/a><\/div>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[72,7],"tags":[69,71,70],"_links":{"self":[{"href":"https:\/\/log.tanxiaodian.com\/index.php?rest_route=\/wp\/v2\/posts\/550"}],"collection":[{"href":"https:\/\/log.tanxiaodian.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/log.tanxiaodian.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/log.tanxiaodian.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/log.tanxiaodian.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=550"}],"version-history":[{"count":1,"href":"https:\/\/log.tanxiaodian.com\/index.php?rest_route=\/wp\/v2\/posts\/550\/revisions"}],"predecessor-version":[{"id":551,"href":"https:\/\/log.tanxiaodian.com\/index.php?rest_route=\/wp\/v2\/posts\/550\/revisions\/551"}],"wp:attachment":[{"href":"https:\/\/log.tanxiaodian.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=550"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/log.tanxiaodian.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=550"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/log.tanxiaodian.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=550"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}