{"id":371,"date":"2020-02-04T23:21:56","date_gmt":"2020-02-04T15:21:56","guid":{"rendered":"https:\/\/blog.cqdefxxx.com\/?p=371"},"modified":"2020-02-04T23:21:56","modified_gmt":"2020-02-04T15:21:56","slug":"%e4%ba%8b%e4%bb%b6%e7%9a%84%e5%a7%94%e6%b4%be%e3%80%81","status":"publish","type":"post","link":"https:\/\/blog.viter.top\/index.php\/2020\/02\/04\/%e4%ba%8b%e4%bb%b6%e7%9a%84%e5%a7%94%e6%b4%be%e3%80%81\/","title":{"rendered":"\u4e8b\u4ef6\u7684\u59d4\u6d3e\u3001\u7ed1\u5b9a\u3001\u4f20\u64ad"},"content":{"rendered":"<h1>\u4e8b\u4ef6\u7684\u59d4\u6d3e<\/h1>\n<pre class=\"pure-highlightjs\"><code class=\"\">&lt;!DOCTYPE html&gt;\n&lt;html&gt;\n\t&lt;head&gt;\n\t\t&lt;meta charset=\"utf-8\" \/&gt;\n\t\t&lt;title&gt;&lt;\/title&gt;\n\t\t&lt;script type=\"text\/javascript\"&gt;\n\t\t\t\n\t\t\twindow.onload = function(){\n\t\t\t\t\n\t\t\t\tvar u1 = document.getElementById(\"u1\");\n\t\t\t\t\n\t\t\t\t\/\/\u70b9\u51fb\u6309\u94ae\u4ee5\u540e\u6dfb\u52a0\u8d85\u94fe\u63a5\n\t\t\t\tvar btn01 = document.getElementById(\"btn01\");\n\t\t\t\tbtn01.onclick = function(){\n\t\t\t\t\t\/\/\u521b\u5efa\u4e00\u4e2ali\n\t\t\t\t\tvar li = document.createElement(\"li\");\n\t\t\t\t\tli.innerHTML = \"&lt;a href='javascript:;' class='link'&gt;\u65b0\u5efa\u7684\u8d85\u94fe\u63a5&lt;\/a&gt;\";\n\t\t\t\t\t\n\t\t\t\t\t\/\/\u5c06li\u6dfb\u52a0\u5230ul\u4e2d\n\t\t\t\t\tu1.appendChild(li);\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 * \u4e3a\u6bcf\u4e00\u4e2a\u8d85\u94fe\u63a5\u90fd\u7ed1\u5b9a\u4e00\u4e2a\u5355\u51fb\u54cd\u5e94\u51fd\u6570\n\t\t\t\t * \u8fd9\u91cc\u6211\u4eec\u4e3a\u6bcf\u4e00\u4e2a\u8d85\u94fe\u63a5\u90fd\u7ed1\u5b9a\u4e86\u4e00\u4e2a\u5355\u51fb\u54cd\u5e94\u51fd\u6570\uff0c\u8fd9\u79cd\u64cd\u4f5c\u6bd4\u8f83\u9ebb\u70e6\uff0c\n\t\t\t\t * \t\u800c\u4e14\u8fd9\u4e9b\u64cd\u4f5c\u53ea\u80fd\u4e3a\u5df2\u6709\u7684\u8d85\u94fe\u63a5\u8bbe\u7f6e\u4e8b\u4ef6\uff0c\u800c\u65b0\u6dfb\u52a0\u7684\u8d85\u94fe\u63a5\u5fc5\u987b\u91cd\u65b0\u7ed1\u5b9a\n\t\t\t\t *\/\n\t\t\t\t\/\/\u83b7\u53d6\u6240\u6709\u7684a\n\t\t\t\tvar allA = document.getElementsByTagName(\"a\");\n\t\t\t\t\/\/\u904d\u5386\n\t\t\t\t\/*for(var i=0 ; i&lt;allA.length ; i++){\n\t\t\t\t\tallA[i].onclick = function(){\n\t\t\t\t\t\talert(\"\u6211\u662fa\u7684\u5355\u51fb\u54cd\u5e94\u51fd\u6570\uff01\uff01\uff01\");\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 * \u6211\u4eec\u5e0c\u671b\uff0c\u53ea\u7ed1\u5b9a\u4e00\u6b21\u4e8b\u4ef6\uff0c\u5373\u53ef\u5e94\u7528\u5230\u591a\u4e2a\u7684\u5143\u7d20\u4e0a\uff0c\u5373\u4f7f\u5143\u7d20\u662f\u540e\u6dfb\u52a0\u7684\n\t\t\t\t * \u6211\u4eec\u53ef\u4ee5\u5c1d\u8bd5\u5c06\u5176\u7ed1\u5b9a\u7ed9\u5143\u7d20\u7684\u5171\u540c\u7684\u7956\u5148\u5143\u7d20\n\t\t\t\t * \n\t\t\t\t * \u4e8b\u4ef6\u7684\u59d4\u6d3e\n\t\t\t\t * \t- \u6307\u5c06\u4e8b\u4ef6\u7edf\u4e00\u7ed1\u5b9a\u7ed9\u5143\u7d20\u7684\u5171\u540c\u7684\u7956\u5148\u5143\u7d20\uff0c\u8fd9\u6837\u5f53\u540e\u4ee3\u5143\u7d20\u4e0a\u7684\u4e8b\u4ef6\u89e6\u53d1\u65f6\uff0c\u4f1a\u4e00\u76f4\u5192\u6ce1\u5230\u7956\u5148\u5143\u7d20\n\t\t\t\t * \t\t\u4ece\u800c\u901a\u8fc7\u7956\u5148\u5143\u7d20\u7684\u54cd\u5e94\u51fd\u6570\u6765\u5904\u7406\u4e8b\u4ef6\u3002\n\t\t\t\t *  - \u4e8b\u4ef6\u59d4\u6d3e\u662f\u5229\u7528\u4e86\u5192\u6ce1\uff0c\u901a\u8fc7\u59d4\u6d3e\u53ef\u4ee5\u51cf\u5c11\u4e8b\u4ef6\u7ed1\u5b9a\u7684\u6b21\u6570\uff0c\u63d0\u9ad8\u7a0b\u5e8f\u7684\u6027\u80fd\n\t\t\t\t *\/\n\t\t\t\t\n\t\t\t\t\/\/\u4e3aul\u7ed1\u5b9a\u4e00\u4e2a\u5355\u51fb\u54cd\u5e94\u51fd\u6570\n\t\t\t\tu1.onclick = function(event){\n\t\t\t\t\tevent = event || window.event;\n\t\t\t\t\t\n\t\t\t\t\t\/*\n\t\t\t\t\t * target\n\t\t\t\t\t * \t- event\u4e2d\u7684target\u8868\u793a\u7684\u89e6\u53d1\u4e8b\u4ef6\u7684\u5bf9\u8c61\n\t\t\t\t\t *\/\n\t\t\t\t\t\/\/alert(event.target);\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\/\/\u5982\u679c\u89e6\u53d1\u4e8b\u4ef6\u7684\u5bf9\u8c61\u662f\u6211\u4eec\u671f\u671b\u7684\u5143\u7d20\uff0c\u5219\u6267\u884c\u5426\u5219\u4e0d\u6267\u884c\n\t\t\t\t\tif(event.target.className == \"link\"){\n\t\t\t\t\t\talert(\"\u6211\u662ful\u7684\u5355\u51fb\u54cd\u5e94\u51fd\u6570\");\n\t\t\t\t\t}\n\t\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&lt;\/script&gt;\n\t&lt;\/head&gt;\n\t&lt;body&gt;\n\t\t&lt;button id=\"btn01\"&gt;\u6dfb\u52a0\u8d85\u94fe\u63a5&lt;\/button&gt;\n\t\t\n\t\t&lt;ul id=\"u1\" style=\"background-color: #bfa;\"&gt;\n\t\t\t&lt;li&gt;\n\t\t\t\t&lt;p&gt;\u6211\u662fp\u5143\u7d20&lt;\/p&gt;\n\t\t\t&lt;\/li&gt;\n\t\t\t&lt;li&gt;&lt;a href=\"javascript:;\" class=\"link\"&gt;\u8d85\u94fe\u63a5\u4e00&lt;\/a&gt;&lt;\/li&gt;\n\t\t\t&lt;li&gt;&lt;a href=\"javascript:;\" class=\"link\"&gt;\u8d85\u94fe\u63a5\u4e8c&lt;\/a&gt;&lt;\/li&gt;\n\t\t\t&lt;li&gt;&lt;a href=\"javascript:;\" class=\"link\"&gt;\u8d85\u94fe\u63a5\u4e09&lt;\/a&gt;&lt;\/li&gt;\n\t\t&lt;\/ul&gt;\n\t\t\n\t&lt;\/body&gt;\n&lt;\/html&gt;\n<\/code><\/pre>\n<p>&nbsp;<\/p>\n<h1>\u4e8b\u4ef6\u7684\u7ed1\u5b9a<\/h1>\n<pre class=\"pure-highlightjs\"><code class=\"\">&lt;!DOCTYPE html&gt;\n&lt;html&gt;\n\t&lt;head&gt;\n\t\t&lt;meta charset=\"UTF-8\"&gt;\n\t\t&lt;title&gt;&lt;\/title&gt;\n\t\t&lt;script type=\"text\/javascript\"&gt;\n\t\t\t\n\t\t\twindow.onload = function(){\n\t\t\t\t\n\t\t\t\t\/*\n\t\t\t\t * \u70b9\u51fb\u6309\u94ae\u4ee5\u540e\u5f39\u51fa\u4e00\u4e2a\u5185\u5bb9\n\t\t\t\t *\/\n\t\t\t\t\/\/\u83b7\u53d6\u6309\u94ae\u5bf9\u8c61\n\t\t\t\tvar btn01 = document.getElementById(\"btn01\");\n\t\t\t\t\n\t\t\t\t\/*\n\t\t\t\t * \u4f7f\u7528 \u5bf9\u8c61.\u4e8b\u4ef6 = \u51fd\u6570 \u7684\u5f62\u5f0f\u7ed1\u5b9a\u54cd\u5e94\u51fd\u6570\uff0c\n\t\t\t\t * \t\u5b83\u53ea\u80fd\u540c\u65f6\u4e3a\u4e00\u4e2a\u5143\u7d20\u7684\u4e00\u4e2a\u4e8b\u4ef6\u7ed1\u5b9a\u4e00\u4e2a\u54cd\u5e94\u51fd\u6570\uff0c\n\t\t\t\t * \t\u4e0d\u80fd\u7ed1\u5b9a\u591a\u4e2a\uff0c\u5982\u679c\u7ed1\u5b9a\u4e86\u591a\u4e2a\uff0c\u5219\u540e\u8fb9\u4f1a\u8986\u76d6\u6389\u524d\u8fb9\u7684\n\t\t\t\t *\/\n\t\t\t\t\n\t\t\t\t\/\/\u4e3abtn01\u7ed1\u5b9a\u4e00\u4e2a\u5355\u51fb\u54cd\u5e94\u51fd\u6570\n\t\t\t\t\/*btn01.onclick = function(){\n\t\t\t\t\talert(1);\n\t\t\t\t};*\/\n\t\t\t\t\n\t\t\t\t\/\/\u4e3abtn01\u7ed1\u5b9a\u7b2c\u4e8c\u4e2a\u54cd\u5e94\u51fd\u6570\n\t\t\t\t\/*btn01.onclick = function(){\n\t\t\t\t\talert(2);\n\t\t\t\t};*\/\n\t\t\t\t\n\t\t\t\t\/*\n\t\t\t\t * addEventListener()\n\t\t\t\t * \t- \u901a\u8fc7\u8fd9\u4e2a\u65b9\u6cd5\u4e5f\u53ef\u4ee5\u4e3a\u5143\u7d20\u7ed1\u5b9a\u54cd\u5e94\u51fd\u6570\n\t\t\t\t *  - \u53c2\u6570\uff1a\n\t\t\t\t * \t\t1.\u4e8b\u4ef6\u7684\u5b57\u7b26\u4e32\uff0c\u4e0d\u8981on\n\t\t\t\t * \t\t2.\u56de\u8c03\u51fd\u6570\uff0c\u5f53\u4e8b\u4ef6\u89e6\u53d1\u65f6\u8be5\u51fd\u6570\u4f1a\u88ab\u8c03\u7528\n\t\t\t\t * \t\t3.\u662f\u5426\u5728\u6355\u83b7\u9636\u6bb5\u89e6\u53d1\u4e8b\u4ef6\uff0c\u9700\u8981\u4e00\u4e2a\u5e03\u5c14\u503c\uff0c\u4e00\u822c\u90fd\u4f20false\n\t\t\t\t * \n\t\t\t\t * \u4f7f\u7528addEventListener()\u53ef\u4ee5\u540c\u65f6\u4e3a\u4e00\u4e2a\u5143\u7d20\u7684\u76f8\u540c\u4e8b\u4ef6\u540c\u65f6\u7ed1\u5b9a\u591a\u4e2a\u54cd\u5e94\u51fd\u6570\uff0c\n\t\t\t\t * \t\u8fd9\u6837\u5f53\u4e8b\u4ef6\u88ab\u89e6\u53d1\u65f6\uff0c\u54cd\u5e94\u51fd\u6570\u5c06\u4f1a\u6309\u7167\u51fd\u6570\u7684\u7ed1\u5b9a\u987a\u5e8f\u6267\u884c\n\t\t\t\t * \n\t\t\t\t * \u8fd9\u4e2a\u65b9\u6cd5\u4e0d\u652f\u6301IE8\u53ca\u4ee5\u4e0b\u7684\u6d4f\u89c8\u5668\n\t\t\t\t *\/\n\t\t\t\t\/*btn01.addEventListener(\"click\",function(){\n\t\t\t\t\talert(1);\n\t\t\t\t},false);\n\t\t\t\t\n\t\t\t\tbtn01.addEventListener(\"click\",function(){\n\t\t\t\t\talert(2);\n\t\t\t\t},false);\n\t\t\t\t\n\t\t\t\tbtn01.addEventListener(\"click\",function(){\n\t\t\t\t\talert(3);\n\t\t\t\t},false);*\/\n\t\t\t\t\n\t\t\t\t\/*\n\t\t\t\t * attachEvent()\n\t\t\t\t * \t- \u5728IE8\u4e2d\u53ef\u4ee5\u4f7f\u7528attachEvent()\u6765\u7ed1\u5b9a\u4e8b\u4ef6\n\t\t\t\t *  - \u53c2\u6570\uff1a\n\t\t\t\t * \t\t1.\u4e8b\u4ef6\u7684\u5b57\u7b26\u4e32\uff0c\u8981on\n\t\t\t\t * \t\t2.\u56de\u8c03\u51fd\u6570\n\t\t\t\t * \n\t\t\t\t *  - \u8fd9\u4e2a\u65b9\u6cd5\u4e5f\u53ef\u4ee5\u540c\u65f6\u4e3a\u4e00\u4e2a\u4e8b\u4ef6\u7ed1\u5b9a\u591a\u4e2a\u5904\u7406\u51fd\u6570\uff0c\n\t\t\t\t * \t\t\u4e0d\u540c\u7684\u662f\u5b83\u662f\u540e\u7ed1\u5b9a\u5148\u6267\u884c\uff0c\u6267\u884c\u987a\u5e8f\u548caddEventListener()\u76f8\u53cd\n\t\t\t\t *\/\n\t\t\t\t\/*btn01.attachEvent(\"onclick\",function(){\n\t\t\t\t\talert(1);\n\t\t\t\t});\n\t\t\t\t\n\t\t\t\tbtn01.attachEvent(\"onclick\",function(){\n\t\t\t\t\talert(2);\n\t\t\t\t});\n\t\t\t\t\n\t\t\t\tbtn01.attachEvent(\"onclick\",function(){\n\t\t\t\t\talert(3);\n\t\t\t\t});*\/\n\t\t\t\t\n\t\t\t\t\/*btn01.addEventListener(\"click\",function(){\n\t\t\t\t\talert(this);\n\t\t\t\t},false);*\/\n\t\t\t\t\n\t\t\t\t\/*btn01.attachEvent(\"onclick\",function(){\n\t\t\t\t\talert(this);\n\t\t\t\t});*\/\n\t\t\t\t\n\t\t\t\tbind(btn01 , \"click\" , function(){\n\t\t\t\t\talert(this);\n\t\t\t\t});\n\t\t\t\n\t\t\t\t\n\t\t\t};\n\t\t\t\n\t\t\t\/\/\u5b9a\u4e49\u4e00\u4e2a\u51fd\u6570\uff0c\u7528\u6765\u4e3a\u6307\u5b9a\u5143\u7d20\u7ed1\u5b9a\u54cd\u5e94\u51fd\u6570\n\t\t\t\/*\n\t\t\t * addEventListener()\u4e2d\u7684this\uff0c\u662f\u7ed1\u5b9a\u4e8b\u4ef6\u7684\u5bf9\u8c61\n\t\t\t * attachEvent()\u4e2d\u7684this\uff0c\u662fwindow\n\t\t\t *  \u9700\u8981\u7edf\u4e00\u4e24\u4e2a\u65b9\u6cd5this\n\t\t\t *\/\n\t\t\t\/*\n\t\t\t * \u53c2\u6570\uff1a\n\t\t\t * \tobj \u8981\u7ed1\u5b9a\u4e8b\u4ef6\u7684\u5bf9\u8c61\n\t\t\t * \teventStr \u4e8b\u4ef6\u7684\u5b57\u7b26\u4e32(\u4e0d\u8981on)\n\t\t\t *  callback \u56de\u8c03\u51fd\u6570\n\t\t\t *\/\n\t\t\tfunction bind(obj , eventStr , callback){\n\t\t\t\tif(obj.addEventListener){\n\t\t\t\t\t\/\/\u5927\u90e8\u5206\u6d4f\u89c8\u5668\u517c\u5bb9\u7684\u65b9\u5f0f\n\t\t\t\t\tobj.addEventListener(eventStr , callback , false);\n\t\t\t\t}else{\n\t\t\t\t\t\/*\n\t\t\t\t\t * this\u662f\u8c01\u7531\u8c03\u7528\u65b9\u5f0f\u51b3\u5b9a\n\t\t\t\t\t * callback.call(obj)\n\t\t\t\t\t *\/\n\t\t\t\t\t\/\/IE8\u53ca\u4ee5\u4e0b\n\t\t\t\t\tobj.attachEvent(\"on\"+eventStr , function(){\n\t\t\t\t\t\t\/\/\u5728\u533f\u540d\u51fd\u6570\u4e2d\u8c03\u7528\u56de\u8c03\u51fd\u6570\n\t\t\t\t\t\tcallback.call(obj);\n\t\t\t\t\t});\n\t\t\t\t}\n\t\t\t}\n\t\t\t\n\t\t&lt;\/script&gt;\n\t&lt;\/head&gt;\n\t&lt;body&gt;\n\t\t\n\t\t&lt;button id=\"btn01\"&gt;\u70b9\u6211\u4e00\u4e0b&lt;\/button&gt;\n\t&lt;\/body&gt;\n&lt;\/html&gt;\n<\/code><\/pre>\n<p>&nbsp;<\/p>\n<h1>\u4e8b\u4ef6\u7684\u4f20\u64ad<\/h1>\n<pre class=\"pure-highlightjs\"><code class=\"\">&lt;!DOCTYPE html&gt;\n&lt;html&gt;\n\t&lt;head&gt;\n\t\t&lt;meta charset=\"UTF-8\"&gt;\n\t\t&lt;title&gt;&lt;\/title&gt;\n\t\t&lt;style type=\"text\/css\"&gt;\n\t\t\t\n\t\t\t#box1{\n\t\t\t\twidth: 300px;\n\t\t\t\theight: 300px;\n\t\t\t\tbackground-color: yellowgreen;\n\t\t\t}\n\t\t\t\n\t\t\t#box2{\n\t\t\t\twidth: 200px;\n\t\t\t\theight: 200px;\n\t\t\t\tbackground-color: yellow;\n\t\t\t}\n\t\t\t\n\t\t\t#box3{\n\t\t\t\twidth: 150px;\n\t\t\t\theight: 150px;\n\t\t\t\tbackground-color: skyblue;\n\t\t\t}\n\t\t\t\n\t\t&lt;\/style&gt;\n\t\t\n\t\t&lt;script type=\"text\/javascript\"&gt;\n\t\t\t\n\t\t\twindow.onload = function(){\n\t\t\t\t\n\t\t\t\t\/*\n\t\t\t\t * \u5206\u522b\u4e3a\u4e09\u4e2adiv\u7ed1\u5b9a\u5355\u51fb\u54cd\u5e94\u51fd\u6570\n\t\t\t\t *\/\n\t\t\t\tvar box1 = document.getElementById(\"box1\");\n\t\t\t\tvar box2 = document.getElementById(\"box2\");\n\t\t\t\tvar box3 = document.getElementById(\"box3\");\n\t\t\t\t\n\t\t\t\t\/*\n\t\t\t\t * \u4e8b\u4ef6\u7684\u4f20\u64ad\n\t\t\t\t * \t- \u5173\u4e8e\u4e8b\u4ef6\u7684\u4f20\u64ad\u7f51\u666f\u516c\u53f8\u548c\u5fae\u8f6f\u516c\u53f8\u6709\u4e0d\u540c\u7684\u7406\u89e3\n\t\t\t\t * \t- \u5fae\u8f6f\u516c\u53f8\u8ba4\u4e3a\u4e8b\u4ef6\u5e94\u8be5\u662f\u7531\u5185\u5411\u5916\u4f20\u64ad\uff0c\u4e5f\u5c31\u662f\u5f53\u4e8b\u4ef6\u89e6\u53d1\u65f6\uff0c\u5e94\u8be5\u5148\u89e6\u53d1\u5f53\u524d\u5143\u7d20\u4e0a\u7684\u4e8b\u4ef6\uff0c\n\t\t\t\t * \t\t\u7136\u540e\u518d\u5411\u5f53\u524d\u5143\u7d20\u7684\u7956\u5148\u5143\u7d20\u4e0a\u4f20\u64ad\uff0c\u4e5f\u5c31\u8bf4\u4e8b\u4ef6\u5e94\u8be5\u5728\u5192\u6ce1\u9636\u6bb5\u6267\u884c\u3002\n\t\t\t\t *  - \u7f51\u666f\u516c\u53f8\u8ba4\u4e3a\u4e8b\u4ef6\u5e94\u8be5\u662f\u7531\u5916\u5411\u5185\u4f20\u64ad\u7684\uff0c\u4e5f\u5c31\u662f\u5f53\u524d\u4e8b\u4ef6\u89e6\u53d1\u65f6\uff0c\u5e94\u8be5\u5148\u89e6\u53d1\u5f53\u524d\u5143\u7d20\u7684\u6700\u5916\u5c42\u7684\u7956\u5148\u5143\u7d20\u7684\u4e8b\u4ef6\uff0c\n\t\t\t\t * \t\t\u7136\u540e\u5728\u5411\u5185\u4f20\u64ad\u7ed9\u540e\u4ee3\u5143\u7d20\n\t\t\t\t * \t- W3C\u7efc\u5408\u4e86\u4e24\u4e2a\u516c\u53f8\u7684\u65b9\u6848\uff0c\u5c06\u4e8b\u4ef6\u4f20\u64ad\u5206\u6210\u4e86\u4e09\u4e2a\u9636\u6bb5\n\t\t\t\t * \t\t1.\u6355\u83b7\u9636\u6bb5\n\t\t\t\t * \t\t\t- \u5728\u6355\u83b7\u9636\u6bb5\u65f6\u4ece\u6700\u5916\u5c42\u7684\u7956\u5148\u5143\u7d20\uff0c\u5411\u76ee\u6807\u5143\u7d20\u8fdb\u884c\u4e8b\u4ef6\u7684\u6355\u83b7\uff0c\u4f46\u662f\u9ed8\u8ba4\u6b64\u65f6\u4e0d\u4f1a\u89e6\u53d1\u4e8b\u4ef6\n\t\t\t\t * \t\t2.\u76ee\u6807\u9636\u6bb5\n\t\t\t\t * \t\t\t- \u4e8b\u4ef6\u6355\u83b7\u5230\u76ee\u6807\u5143\u7d20\uff0c\u6355\u83b7\u7ed3\u675f\u5f00\u59cb\u5728\u76ee\u6807\u5143\u7d20\u4e0a\u89e6\u53d1\u4e8b\u4ef6\n\t\t\t\t * \t\t3.\u5192\u6ce1\u9636\u6bb5\n\t\t\t\t * \t\t\t- \u4e8b\u4ef6\u4ece\u76ee\u6807\u5143\u7d20\u5411\u4ed6\u7684\u7956\u5148\u5143\u7d20\u4f20\u9012\uff0c\u4f9d\u6b21\u89e6\u53d1\u7956\u5148\u5143\u7d20\u4e0a\u7684\u4e8b\u4ef6\n\t\t\t\t * \n\t\t\t\t * \t\t- \u5982\u679c\u5e0c\u671b\u5728\u6355\u83b7\u9636\u6bb5\u5c31\u89e6\u53d1\u4e8b\u4ef6\uff0c\u53ef\u4ee5\u5c06addEventListener()\u7684\u7b2c\u4e09\u4e2a\u53c2\u6570\u8bbe\u7f6e\u4e3atrue\n\t\t\t\t * \t\t\t\u4e00\u822c\u60c5\u51b5\u4e0b\u6211\u4eec\u4e0d\u4f1a\u5e0c\u671b\u5728\u6355\u83b7\u9636\u6bb5\u89e6\u53d1\u4e8b\u4ef6\uff0c\u6240\u4ee5\u8fd9\u4e2a\u53c2\u6570\u4e00\u822c\u90fd\u662ffalse\n\t\t\t\t * \n\t\t\t\t * \t- IE8\u53ca\u4ee5\u4e0b\u7684\u6d4f\u89c8\u5668\u4e2d\u6ca1\u6709\u6355\u83b7\u9636\u6bb5\n\t\t\t\t *\/\n\t\t\t\t\n\t\t\t\tbind(box1,\"click\",function(){\n\t\t\t\t\talert(\"\u6211\u662fbox1\u7684\u54cd\u5e94\u51fd\u6570\")\n\t\t\t\t});\n\t\t\t\t\n\t\t\t\tbind(box2,\"click\",function(){\n\t\t\t\t\talert(\"\u6211\u662fbox2\u7684\u54cd\u5e94\u51fd\u6570\")\n\t\t\t\t});\n\t\t\t\t\n\t\t\t\tbind(box3,\"click\",function(){\n\t\t\t\t\talert(\"\u6211\u662fbox3\u7684\u54cd\u5e94\u51fd\u6570\")\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\tfunction bind(obj , eventStr , callback){\n\t\t\t\tif(obj.addEventListener){\n\t\t\t\t\t\/\/\u5927\u90e8\u5206\u6d4f\u89c8\u5668\u517c\u5bb9\u7684\u65b9\u5f0f\n\t\t\t\t\tobj.addEventListener(eventStr , callback , true);\n\t\t\t\t}else{\n\t\t\t\t\t\/*\n\t\t\t\t\t * this\u662f\u8c01\u7531\u8c03\u7528\u65b9\u5f0f\u51b3\u5b9a\n\t\t\t\t\t * callback.call(obj)\n\t\t\t\t\t *\/\n\t\t\t\t\t\/\/IE8\u53ca\u4ee5\u4e0b\n\t\t\t\t\tobj.attachEvent(\"on\"+eventStr , function(){\n\t\t\t\t\t\t\/\/\u5728\u533f\u540d\u51fd\u6570\u4e2d\u8c03\u7528\u56de\u8c03\u51fd\u6570\n\t\t\t\t\t\tcallback.call(obj);\n\t\t\t\t\t});\n\t\t\t\t}\n\t\t\t}\n\t\t\t\n\t\t&lt;\/script&gt;\n\t&lt;\/head&gt;\n\t\n\t&lt;body&gt;\n\t\t\n\t\t&lt;div id=\"box1\"&gt;\n\t\t\t&lt;div id=\"box2\"&gt;\n\t\t\t\t&lt;div id=\"box3\"&gt;&lt;\/div&gt;\n\t\t\t&lt;\/div&gt;\n\t\t&lt;\/div&gt;\n\t\t\n\t&lt;\/body&gt;\n&lt;\/html&gt;\n<\/code><\/pre>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u4e8b\u4ef6\u7684\u59d4\u6d3e &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta ch &#8230;<\/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\/371"}],"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=371"}],"version-history":[{"count":0,"href":"https:\/\/blog.viter.top\/index.php\/wp-json\/wp\/v2\/posts\/371\/revisions"}],"wp:attachment":[{"href":"https:\/\/blog.viter.top\/index.php\/wp-json\/wp\/v2\/media?parent=371"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.viter.top\/index.php\/wp-json\/wp\/v2\/categories?post=371"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.viter.top\/index.php\/wp-json\/wp\/v2\/tags?post=371"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}