{"id":374,"date":"2020-02-04T23:25:10","date_gmt":"2020-02-04T15:25:10","guid":{"rendered":"https:\/\/blog.cqdefxxx.com\/?p=374"},"modified":"2020-02-04T23:25:10","modified_gmt":"2020-02-04T15:25:10","slug":"dom%e4%ba%8b%e4%bb%b6%ef%bc%9a%e6%8b%96%e6%8b%bd","status":"publish","type":"post","link":"https:\/\/blog.viter.top\/index.php\/2020\/02\/04\/dom%e4%ba%8b%e4%bb%b6%ef%bc%9a%e6%8b%96%e6%8b%bd\/","title":{"rendered":"DOM\u4e8b\u4ef6\uff1a\u62d6\u62fd"},"content":{"rendered":"

1<\/p>\n

<!DOCTYPE html>\n<html>\n\t<head>\n\t\t<meta charset=\"UTF-8\">\n\t\t<title><\/title>\n\t\t<style type=\"text\/css\">\n\t\t\t\n\t\t\t#box1{\n\t\t\t\twidth: 100px;\n\t\t\t\theight: 100px;\n\t\t\t\tbackground-color: red;\n\t\t\t\tposition: absolute;\n\t\t\t}\n\t\t\t\n\t\t\t#box2{\n\t\t\t\twidth: 100px;\n\t\t\t\theight: 100px;\n\t\t\t\tbackground-color: yellow;\n\t\t\t\tposition: absolute;\n\t\t\t\t\n\t\t\t\tleft: 200px;\n\t\t\t\ttop: 200px;\n\t\t\t}\n\t\t\t\n\t\t<\/style>\n\t\t\n\t\t<script type=\"text\/javascript\">\n\t\t\t\n\t\t\twindow.onload = function(){\n\t\t\t\t\/*\n\t\t\t\t * \u62d6\u62fdbox1\u5143\u7d20\n\t\t\t\t *  - \u62d6\u62fd\u7684\u6d41\u7a0b\n\t\t\t\t * \t\t1.\u5f53\u9f20\u6807\u5728\u88ab\u62d6\u62fd\u5143\u7d20\u4e0a\u6309\u4e0b\u65f6\uff0c\u5f00\u59cb\u62d6\u62fd  onmousedown\n\t\t\t\t * \t\t2.\u5f53\u9f20\u6807\u79fb\u52a8\u65f6\u88ab\u62d6\u62fd\u5143\u7d20\u8ddf\u968f\u9f20\u6807\u79fb\u52a8 onmousemove\n\t\t\t\t * \t\t3.\u5f53\u9f20\u6807\u677e\u5f00\u65f6\uff0c\u88ab\u62d6\u62fd\u5143\u7d20\u56fa\u5b9a\u5728\u5f53\u524d\u4f4d\u7f6e\tonmouseup\n\t\t\t\t *\/\n\t\t\t\t\n\t\t\t\t\/\/\u83b7\u53d6box1\n\t\t\t\tvar box1 = document.getElementById(\"box1\");\n\t\t\t\t\/\/\u4e3abox1\u7ed1\u5b9a\u4e00\u4e2a\u9f20\u6807\u6309\u4e0b\u4e8b\u4ef6\n\t\t\t\t\/\/\u5f53\u9f20\u6807\u5728\u88ab\u62d6\u62fd\u5143\u7d20\u4e0a\u6309\u4e0b\u65f6\uff0c\u5f00\u59cb\u62d6\u62fd  onmousedown\n\t\t\t\tbox1.onmousedown = function(event){\n\t\t\t\t\tevent = event || window.event;\n\t\t\t\t\t\/\/div\u7684\u504f\u79fb\u91cf \u9f20\u6807.clentX - \u5143\u7d20.offsetLeft\n\t\t\t\t\t\/\/div\u7684\u504f\u79fb\u91cf \u9f20\u6807.clentY - \u5143\u7d20.offsetTop\n\t\t\t\t\tvar ol = event.clientX - box1.offsetLeft;\n\t\t\t\t\tvar ot = event.clientY - box1.offsetTop;\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\/\/\u4e3adocument\u7ed1\u5b9a\u4e00\u4e2aonmousemove\u4e8b\u4ef6\n\t\t\t\t\tdocument.onmousemove = function(event){\n\t\t\t\t\t\tevent = event || window.event;\n\t\t\t\t\t\t\/\/\u5f53\u9f20\u6807\u79fb\u52a8\u65f6\u88ab\u62d6\u62fd\u5143\u7d20\u8ddf\u968f\u9f20\u6807\u79fb\u52a8 onmousemove\n\t\t\t\t\t\t\/\/\u83b7\u53d6\u9f20\u6807\u7684\u5750\u6807\n\t\t\t\t\t\tvar left = event.clientX - ol;\n\t\t\t\t\t\tvar top = event.clientY - ot;\n\t\t\t\t\t\t\n\t\t\t\t\t\t\/\/\u4fee\u6539box1\u7684\u4f4d\u7f6e\n\t\t\t\t\t\tbox1.style.left = left+\"px\";\n\t\t\t\t\t\tbox1.style.top = top+\"px\";\n\t\t\t\t\t\t\n\t\t\t\t\t};\n\t\t\t\t\t\n\t\t\t\t\t\/\/\u4e3adocument\u7ed1\u5b9a\u4e00\u4e2a\u9f20\u6807\u677e\u5f00\u4e8b\u4ef6\n\t\t\t\t\tdocument.onmouseup = function(){\n\t\t\t\t\t\t\/\/\u5f53\u9f20\u6807\u677e\u5f00\u65f6\uff0c\u88ab\u62d6\u62fd\u5143\u7d20\u56fa\u5b9a\u5728\u5f53\u524d\u4f4d\u7f6e\tonmouseup\n\t\t\t\t\t\t\/\/\u53d6\u6d88document\u7684onmousemove\u4e8b\u4ef6\n\t\t\t\t\t\tdocument.onmousemove = null;\n\t\t\t\t\t\t\/\/\u53d6\u6d88document\u7684onmouseup\u4e8b\u4ef6\n\t\t\t\t\t\tdocument.onmouseup = null;\n\t\t\t\t\t};\n\t\t\t\t};\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t};\n\t\t\t\n\t\t\t\n\t\t<\/script>\n\t<\/head>\n\t<body>\n\t\t<div id=\"box1\"><\/div>\n\t\t\n\t\t<div id=\"box2\"><\/div>\n\t<\/body>\n<\/html>\n<\/code><\/pre>\n
2<\/p>\n
<!DOCTYPE html>\n<html>\n\t<head>\n\t\t<meta charset=\"UTF-8\">\n\t\t<title><\/title>\n\t\t<style type=\"text\/css\">\n\t\t\t\n\t\t\t#box1{\n\t\t\t\twidth: 100px;\n\t\t\t\theight: 100px;\n\t\t\t\tbackground-color: red;\n\t\t\t\tposition: absolute;\n\t\t\t}\n\t\t\t\n\t\t\t#box2{\n\t\t\t\twidth: 100px;\n\t\t\t\theight: 100px;\n\t\t\t\tbackground-color: yellow;\n\t\t\t\tposition: absolute;\n\t\t\t\t\n\t\t\t\tleft: 200px;\n\t\t\t\ttop: 200px;\n\t\t\t}\n\t\t\t\n\t\t<\/style>\n\t\t\n\t\t<script type=\"text\/javascript\">\n\t\t\t\n\t\t\twindow.onload = function(){\n\t\t\t\t\/*\n\t\t\t\t * \u62d6\u62fdbox1\u5143\u7d20\n\t\t\t\t *  - \u62d6\u62fd\u7684\u6d41\u7a0b\n\t\t\t\t * \t\t1.\u5f53\u9f20\u6807\u5728\u88ab\u62d6\u62fd\u5143\u7d20\u4e0a\u6309\u4e0b\u65f6\uff0c\u5f00\u59cb\u62d6\u62fd  onmousedown\n\t\t\t\t * \t\t2.\u5f53\u9f20\u6807\u79fb\u52a8\u65f6\u88ab\u62d6\u62fd\u5143\u7d20\u8ddf\u968f\u9f20\u6807\u79fb\u52a8 onmousemove\n\t\t\t\t * \t\t3.\u5f53\u9f20\u6807\u677e\u5f00\u65f6\uff0c\u88ab\u62d6\u62fd\u5143\u7d20\u56fa\u5b9a\u5728\u5f53\u524d\u4f4d\u7f6e\tonmouseup\n\t\t\t\t *\/\n\t\t\t\t\n\t\t\t\t\/\/\u83b7\u53d6box1\n\t\t\t\tvar box1 = document.getElementById(\"box1\");\n\t\t\t\tvar box2 = document.getElementById(\"box2\");\n\t\t\t\t\/\/\u4e3abox1\u7ed1\u5b9a\u4e00\u4e2a\u9f20\u6807\u6309\u4e0b\u4e8b\u4ef6\n\t\t\t\t\/\/\u5f53\u9f20\u6807\u5728\u88ab\u62d6\u62fd\u5143\u7d20\u4e0a\u6309\u4e0b\u65f6\uff0c\u5f00\u59cb\u62d6\u62fd  onmousedown\n\t\t\t\tbox1.onmousedown = function(event){\n\t\t\t\t\t\n\t\t\t\t\t\/\/\u8bbe\u7f6ebox1\u6355\u83b7\u6240\u6709\u9f20\u6807\u6309\u4e0b\u7684\u4e8b\u4ef6\n\t\t\t\t\t\/*\n\t\t\t\t\t * setCapture()\n\t\t\t\t\t * \t- \u53ea\u6709IE\u652f\u6301\uff0c\u4f46\u662f\u5728\u706b\u72d0\u4e2d\u8c03\u7528\u65f6\u4e0d\u4f1a\u62a5\u9519\uff0c\n\t\t\t\t\t * \t\t\u800c\u5982\u679c\u4f7f\u7528chrome\u8c03\u7528\uff0c\u4f1a\u62a5\u9519\n\t\t\t\t\t *\/\n\t\t\t\t\t\/*if(box1.setCapture){\n\t\t\t\t\t\tbox1.setCapture();\n\t\t\t\t\t}*\/\n\t\t\t\t\tbox1.setCapture && box1.setCapture();\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\tevent = event || window.event;\n\t\t\t\t\t\/\/div\u7684\u504f\u79fb\u91cf \u9f20\u6807.clentX - \u5143\u7d20.offsetLeft\n\t\t\t\t\t\/\/div\u7684\u504f\u79fb\u91cf \u9f20\u6807.clentY - \u5143\u7d20.offsetTop\n\t\t\t\t\tvar ol = event.clientX - box1.offsetLeft;\n\t\t\t\t\tvar ot = event.clientY - box1.offsetTop;\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\/\/\u4e3adocument\u7ed1\u5b9a\u4e00\u4e2aonmousemove\u4e8b\u4ef6\n\t\t\t\t\tdocument.onmousemove = function(event){\n\t\t\t\t\t\tevent = event || window.event;\n\t\t\t\t\t\t\/\/\u5f53\u9f20\u6807\u79fb\u52a8\u65f6\u88ab\u62d6\u62fd\u5143\u7d20\u8ddf\u968f\u9f20\u6807\u79fb\u52a8 onmousemove\n\t\t\t\t\t\t\/\/\u83b7\u53d6\u9f20\u6807\u7684\u5750\u6807\n\t\t\t\t\t\tvar left = event.clientX - ol;\n\t\t\t\t\t\tvar top = event.clientY - ot;\n\t\t\t\t\t\t\n\t\t\t\t\t\t\/\/\u4fee\u6539box1\u7684\u4f4d\u7f6e\n\t\t\t\t\t\tbox1.style.left = left+\"px\";\n\t\t\t\t\t\tbox1.style.top = top+\"px\";\n\t\t\t\t\t\t\n\t\t\t\t\t};\n\t\t\t\t\t\n\t\t\t\t\t\/\/\u4e3adocument\u7ed1\u5b9a\u4e00\u4e2a\u9f20\u6807\u677e\u5f00\u4e8b\u4ef6\n\t\t\t\t\tdocument.onmouseup = function(){\n\t\t\t\t\t\t\/\/\u5f53\u9f20\u6807\u677e\u5f00\u65f6\uff0c\u88ab\u62d6\u62fd\u5143\u7d20\u56fa\u5b9a\u5728\u5f53\u524d\u4f4d\u7f6e\tonmouseup\n\t\t\t\t\t\t\/\/\u53d6\u6d88document\u7684onmousemove\u4e8b\u4ef6\n\t\t\t\t\t\tdocument.onmousemove = null;\n\t\t\t\t\t\t\/\/\u53d6\u6d88document\u7684onmouseup\u4e8b\u4ef6\n\t\t\t\t\t\tdocument.onmouseup = null;\n\t\t\t\t\t\t\/\/\u5f53\u9f20\u6807\u677e\u5f00\u65f6\uff0c\u53d6\u6d88\u5bf9\u4e8b\u4ef6\u7684\u6355\u83b7\n\t\t\t\t\t\tbox1.releaseCapture && box1.releaseCapture();\n\t\t\t\t\t};\n\t\t\t\t\t\n\t\t\t\t\t\/*\n\t\t\t\t\t * \u5f53\u6211\u4eec\u62d6\u62fd\u4e00\u4e2a\u7f51\u9875\u4e2d\u7684\u5185\u5bb9\u65f6\uff0c\u6d4f\u89c8\u5668\u4f1a\u9ed8\u8ba4\u53bb\u641c\u7d22\u5f15\u64ce\u4e2d\u641c\u7d22\u5185\u5bb9\uff0c\n\t\t\t\t\t * \t\u6b64\u65f6\u4f1a\u5bfc\u81f4\u62d6\u62fd\u529f\u80fd\u7684\u5f02\u5e38\uff0c\u8fd9\u4e2a\u662f\u6d4f\u89c8\u5668\u63d0\u4f9b\u7684\u9ed8\u8ba4\u884c\u4e3a\uff0c\n\t\t\t\t\t * \t\u5982\u679c\u4e0d\u5e0c\u671b\u53d1\u751f\u8fd9\u4e2a\u884c\u4e3a\uff0c\u5219\u53ef\u4ee5\u901a\u8fc7return false\u6765\u53d6\u6d88\u9ed8\u8ba4\u884c\u4e3a\n\t\t\t\t\t * \n\t\t\t\t\t * \u4f46\u662f\u8fd9\u62db\u5bf9IE8\u4e0d\u8d77\u4f5c\u7528\n\t\t\t\t\t *\/\n\t\t\t\t\treturn false;\n\t\t\t\t\t\n\t\t\t\t};\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t};\n\t\t\t\n\t\t\t\n\t\t<\/script>\n\t<\/head>\n\t<body>\n\t\t\n\t\t\u6211\u662f\u4e00\u6bb5\u6587\u5b57\n\t\t\n\t\t<div id=\"box1\"><\/div>\n\t\t\n\t\t<div id=\"box2\"><\/div>\n\t<\/body>\n<\/html>\n<\/code><\/pre>\n
3.IE8\u7684\u62d6\u62fd<\/p>\n
<!DOCTYPE html>\n<html>\n\t<head>\n\t\t<meta charset=\"UTF-8\">\n\t\t<title><\/title>\n\t\t<script type=\"text\/javascript\">\n\t\t\t\n\t\t\twindow.onload = function(){\n\t\t\t\t\/\/\u5206\u522b\u4e3a\u4e24\u4e2a\u6309\u94ae\u7ed1\u5b9a\u5355\u51fb\u54cd\u5e94\u51fd\u6570\n\t\t\t\tvar btn01 = document.getElementById(\"btn01\");\n\t\t\t\tvar btn02 = document.getElementById(\"btn02\");\n\t\t\t\t\n\t\t\t\tbtn01.onclick = function(){\n\t\t\t\t\talert(1);\n\t\t\t\t};\n\t\t\t\t\n\t\t\t\tbtn02.onclick = function(){\n\t\t\t\t\talert(2);\n\t\t\t\t};\n\t\t\t\t\n\t\t\t\t\/\/\u8bbe\u7f6ebtn01\u5bf9\u9f20\u6807\u6309\u4e0b\u76f8\u5173\u7684\u4e8b\u4ef6\u8fdb\u884c\u6355\u83b7\n\t\t\t\t\/\/\u5f53\u8c03\u7528\u4e00\u4e2a\u5143\u7d20\u7684setCapture()\u65b9\u6cd5\u4ee5\u540e\uff0c\u8fd9\u4e2a\u5143\u7d20\u5c06\u4f1a\u628a\u4e0b\u4e00\u6b21\u6240\u6709\u7684\u9f20\u6807\u6309\u4e0b\u76f8\u5173\u7684\u4e8b\u4ef6\u6355\u83b7\u5230\u81ea\u8eab\u4e0a\n\t\t\t\tbtn01.setCapture();\n\t\t\t};\n\t\t\t\n\t\t<\/script>\n\t<\/head>\n\t<body>\n\t\t<button id=\"btn01\">\u6309\u94ae01<\/button>\n\t\t<button id=\"btn02\">\u6309\u94ae02<\/button>\n\t<\/body>\n<\/html>\n<\/code><\/pre>\n
4.<\/p>\n
<!DOCTYPE html>\n<html>\n\t<head>\n\t\t<meta charset=\"UTF-8\">\n\t\t<title><\/title>\n\t\t<style type=\"text\/css\">\n\t\t\t\n\t\t\t#box1{\n\t\t\t\twidth: 100px;\n\t\t\t\theight: 100px;\n\t\t\t\tbackground-color: red;\n\t\t\t\tposition: absolute;\n\t\t\t}\n\t\t\t\n\t\t\t#box2{\n\t\t\t\twidth: 100px;\n\t\t\t\theight: 100px;\n\t\t\t\tbackground-color: yellow;\n\t\t\t\tposition: absolute;\n\t\t\t\t\n\t\t\t\tleft: 200px;\n\t\t\t\ttop: 200px;\n\t\t\t}\n\t\t\t\n\t\t<\/style>\n\t\t\n\t\t<script type=\"text\/javascript\">\n\t\t\t\n\t\t\twindow.onload = function(){\n\t\t\t\t\/*\n\t\t\t\t * \u62d6\u62fdbox1\u5143\u7d20\n\t\t\t\t *  - \u62d6\u62fd\u7684\u6d41\u7a0b\n\t\t\t\t * \t\t1.\u5f53\u9f20\u6807\u5728\u88ab\u62d6\u62fd\u5143\u7d20\u4e0a\u6309\u4e0b\u65f6\uff0c\u5f00\u59cb\u62d6\u62fd  onmousedown\n\t\t\t\t * \t\t2.\u5f53\u9f20\u6807\u79fb\u52a8\u65f6\u88ab\u62d6\u62fd\u5143\u7d20\u8ddf\u968f\u9f20\u6807\u79fb\u52a8 onmousemove\n\t\t\t\t * \t\t3.\u5f53\u9f20\u6807\u677e\u5f00\u65f6\uff0c\u88ab\u62d6\u62fd\u5143\u7d20\u56fa\u5b9a\u5728\u5f53\u524d\u4f4d\u7f6e\tonmouseup\n\t\t\t\t *\/\n\t\t\t\t\n\t\t\t\t\/\/\u83b7\u53d6box1\n\t\t\t\tvar box1 = document.getElementById(\"box1\");\n\t\t\t\tvar box2 = document.getElementById(\"box2\");\n\t\t\t\tvar img1 = document.getElementById(\"img1\");\n\t\t\t\t\n\t\t\t\t\/\/\u5f00\u542fbox1\u7684\u62d6\u62fd\n\t\t\t\tdrag(box1);\n\t\t\t\t\/\/\u5f00\u542fbox2\u7684\n\t\t\t\tdrag(box2);\n\t\t\t\t\n\t\t\t\tdrag(img1);\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t};\n\t\t\t\n\t\t\t\/*\n\t\t\t * \u63d0\u53d6\u4e00\u4e2a\u4e13\u95e8\u7528\u6765\u8bbe\u7f6e\u62d6\u62fd\u7684\u51fd\u6570\n\t\t\t * \u53c2\u6570\uff1a\u5f00\u542f\u62d6\u62fd\u7684\u5143\u7d20\n\t\t\t *\/\n\t\t\tfunction drag(obj){\n\t\t\t\t\/\/\u5f53\u9f20\u6807\u5728\u88ab\u62d6\u62fd\u5143\u7d20\u4e0a\u6309\u4e0b\u65f6\uff0c\u5f00\u59cb\u62d6\u62fd  onmousedown\n\t\t\t\tobj.onmousedown = function(event){\n\t\t\t\t\t\n\t\t\t\t\t\/\/\u8bbe\u7f6ebox1\u6355\u83b7\u6240\u6709\u9f20\u6807\u6309\u4e0b\u7684\u4e8b\u4ef6\n\t\t\t\t\t\/*\n\t\t\t\t\t * setCapture()\n\t\t\t\t\t * \t- \u53ea\u6709IE\u652f\u6301\uff0c\u4f46\u662f\u5728\u706b\u72d0\u4e2d\u8c03\u7528\u65f6\u4e0d\u4f1a\u62a5\u9519\uff0c\n\t\t\t\t\t * \t\t\u800c\u5982\u679c\u4f7f\u7528chrome\u8c03\u7528\uff0c\u4f1a\u62a5\u9519\n\t\t\t\t\t *\/\n\t\t\t\t\t\/*if(box1.setCapture){\n\t\t\t\t\t\tbox1.setCapture();\n\t\t\t\t\t}*\/\n\t\t\t\t\tobj.setCapture && obj.setCapture();\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\tevent = event || window.event;\n\t\t\t\t\t\/\/div\u7684\u504f\u79fb\u91cf \u9f20\u6807.clentX - \u5143\u7d20.offsetLeft\n\t\t\t\t\t\/\/div\u7684\u504f\u79fb\u91cf \u9f20\u6807.clentY - \u5143\u7d20.offsetTop\n\t\t\t\t\tvar ol = event.clientX - obj.offsetLeft;\n\t\t\t\t\tvar ot = event.clientY - obj.offsetTop;\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\/\/\u4e3adocument\u7ed1\u5b9a\u4e00\u4e2aonmousemove\u4e8b\u4ef6\n\t\t\t\t\tdocument.onmousemove = function(event){\n\t\t\t\t\t\tevent = event || window.event;\n\t\t\t\t\t\t\/\/\u5f53\u9f20\u6807\u79fb\u52a8\u65f6\u88ab\u62d6\u62fd\u5143\u7d20\u8ddf\u968f\u9f20\u6807\u79fb\u52a8 onmousemove\n\t\t\t\t\t\t\/\/\u83b7\u53d6\u9f20\u6807\u7684\u5750\u6807\n\t\t\t\t\t\tvar left = event.clientX - ol;\n\t\t\t\t\t\tvar top = event.clientY - ot;\n\t\t\t\t\t\t\n\t\t\t\t\t\t\/\/\u4fee\u6539box1\u7684\u4f4d\u7f6e\n\t\t\t\t\t\tobj.style.left = left+\"px\";\n\t\t\t\t\t\tobj.style.top = top+\"px\";\n\t\t\t\t\t\t\n\t\t\t\t\t};\n\t\t\t\t\t\n\t\t\t\t\t\/\/\u4e3adocument\u7ed1\u5b9a\u4e00\u4e2a\u9f20\u6807\u677e\u5f00\u4e8b\u4ef6\n\t\t\t\t\tdocument.onmouseup = function(){\n\t\t\t\t\t\t\/\/\u5f53\u9f20\u6807\u677e\u5f00\u65f6\uff0c\u88ab\u62d6\u62fd\u5143\u7d20\u56fa\u5b9a\u5728\u5f53\u524d\u4f4d\u7f6e\tonmouseup\n\t\t\t\t\t\t\/\/\u53d6\u6d88document\u7684onmousemove\u4e8b\u4ef6\n\t\t\t\t\t\tdocument.onmousemove = null;\n\t\t\t\t\t\t\/\/\u53d6\u6d88document\u7684onmouseup\u4e8b\u4ef6\n\t\t\t\t\t\tdocument.onmouseup = null;\n\t\t\t\t\t\t\/\/\u5f53\u9f20\u6807\u677e\u5f00\u65f6\uff0c\u53d6\u6d88\u5bf9\u4e8b\u4ef6\u7684\u6355\u83b7\n\t\t\t\t\t\tobj.releaseCapture && obj.releaseCapture();\n\t\t\t\t\t};\n\t\t\t\t\t\n\t\t\t\t\t\/*\n\t\t\t\t\t * \u5f53\u6211\u4eec\u62d6\u62fd\u4e00\u4e2a\u7f51\u9875\u4e2d\u7684\u5185\u5bb9\u65f6\uff0c\u6d4f\u89c8\u5668\u4f1a\u9ed8\u8ba4\u53bb\u641c\u7d22\u5f15\u64ce\u4e2d\u641c\u7d22\u5185\u5bb9\uff0c\n\t\t\t\t\t * \t\u6b64\u65f6\u4f1a\u5bfc\u81f4\u62d6\u62fd\u529f\u80fd\u7684\u5f02\u5e38\uff0c\u8fd9\u4e2a\u662f\u6d4f\u89c8\u5668\u63d0\u4f9b\u7684\u9ed8\u8ba4\u884c\u4e3a\uff0c\n\t\t\t\t\t * \t\u5982\u679c\u4e0d\u5e0c\u671b\u53d1\u751f\u8fd9\u4e2a\u884c\u4e3a\uff0c\u5219\u53ef\u4ee5\u901a\u8fc7return false\u6765\u53d6\u6d88\u9ed8\u8ba4\u884c\u4e3a\n\t\t\t\t\t * \n\t\t\t\t\t * \u4f46\u662f\u8fd9\u62db\u5bf9IE8\u4e0d\u8d77\u4f5c\u7528\n\t\t\t\t\t *\/\n\t\t\t\t\treturn false;\n\t\t\t\t\t\n\t\t\t\t};\n\t\t\t}\n\t\t\t\n\t\t\t\n\t\t<\/script>\n\t<\/head>\n\t<body>\n\t\t\n\t\t\u6211\u662f\u4e00\u6bb5\u6587\u5b57\n\t\t\n\t\t<div id=\"box1\"><\/div>\n\t\t\n\t\t<div id=\"box2\"><\/div>\n\t\t\n\t\t<img src=\"img\/an.jpg\" id=\"img1\" style=\"position: absolute;\"\/>\n\t<\/body>\n<\/html>\n<\/code><\/pre>\n
 <\/p>\n
 <\/p>\n
 <\/p>\n","protected":false},"excerpt":{"rendered":"
1 <!DOCTYPE html> <html> <head> <meta charse …<\/p>","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[],"tags":[4],"_links":{"self":[{"href":"https:\/\/blog.viter.top\/index.php\/wp-json\/wp\/v2\/posts\/374"}],"collection":[{"href":"https:\/\/blog.viter.top\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.viter.top\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.viter.top\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.viter.top\/index.php\/wp-json\/wp\/v2\/comments?post=374"}],"version-history":[{"count":0,"href":"https:\/\/blog.viter.top\/index.php\/wp-json\/wp\/v2\/posts\/374\/revisions"}],"wp:attachment":[{"href":"https:\/\/blog.viter.top\/index.php\/wp-json\/wp\/v2\/media?parent=374"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.viter.top\/index.php\/wp-json\/wp\/v2\/categories?post=374"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.viter.top\/index.php\/wp-json\/wp\/v2\/tags?post=374"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}