{"id":752,"date":"2017-03-09T15:33:50","date_gmt":"2017-03-09T07:33:50","guid":{"rendered":"http:\/\/feizhaojun.com\/?p=752"},"modified":"2017-12-27T15:10:41","modified_gmt":"2017-12-27T07:10:41","slug":"javascript%e4%ba%8b%e4%bb%b6%e7%bb%91%e5%ae%9a%e7%9a%84%e6%96%b9%e6%b3%95%e6%b1%87%e6%80%bb","status":"publish","type":"post","link":"https:\/\/feizhaojun.com\/?p=752","title":{"rendered":"JavaScript\u4e8b\u4ef6\u7ed1\u5b9a\u7684\u65b9\u6cd5\u6c47\u603b"},"content":{"rendered":"<h4>1 \u901a\u8fc7HTML\u6807\u7b7e\u5c5e\u6027\u6307\u5b9a\uff0c\u5982\uff1a<\/h4>\n<p>[code lang=\"html\"]<br \/>\n&lt;input type=&quot;button&quot; value=&quot;TEST&quot; onclick=&quot;functionName();&quot; \/&gt;<br \/>\n[\/code]<\/p>\n<p>\u8fd9\u6837\u7684\u65b9\u5f0f\u53ef\u4ee5\u76f4\u63a5\u628a\u5143\u7d20\u4f5c\u4e3a\u53c2\u6570\u4f20\u9012\u7ed9\u5904\u7406\u51fd\u6570\uff0c\u5982\uff1a<br \/>\n[code lang=\"html\"]<br \/>\n&lt;input type=&quot;button&quot; value=&quot;TEST&quot; onclick=&quot;functionName(this);&quot; \/&gt;<br \/>\n[\/code]<\/p>\n<ul>\n<li>\u6ce8\uff1a\u4e8b\u4ef6\u5904\u7406\u5668\u7684\u5927\u5c0f\u5199\u4e0d\u505a\u8981\u6c42\uff0c\u4f46\u662f\u6839\u636e\u4e60\u60ef\uff0c\u4f1a\u628a\u4e8b\u4ef6\u7c7b\u578b\u7684\u9996\u5b57\u6bcd\u5927\u5199\uff0c\u5982onClick\u3001onMouseover\u3002<\/li>\n<\/ul>\n<h4>2 \u5143\u7d20\u7684\u65b9\u6cd5\uff08DOM0\u7ea7\u4e8b\u4ef6\u5904\u7406\u7a0b\u5e8f\uff09<\/h4>\n<p>[code lang=\"js\"]<br \/>\nlet btn = document.getElementById('my-btn');<br \/>\nbtn.onclick = function() {<br \/>\n  \/\/ some code \u2026<br \/>\n}<\/p>\n<p>\/\/ \u5220\u9664\u4e8b\u4ef6<br \/>\nbtn.onclick = null;<br \/>\n[\/code]<\/p>\n<ul>\n<li>\u5728\u8fd9\u79cd\u65b9\u6cd5\u91cc\u9762\uff0c\u5bf9\u8c61\u5c5e\u6027\u540d\u79f0\u90fd\u662f\u5c0f\u5199\u5f62\u5f0f\uff0c\u4f46\u662f\u8fd9\u6837\u7684\u65b9\u5f0f\u6ca1\u6709\u529e\u6cd5\u5411\u4e8b\u4ef6\u51fd\u6570\u4f20\u9012\u53c2\u6570\uff0c\u800c\u4e14\u7ed1\u5b9a\u884c\u4e3a\u8981\u5728\u5143\u7d20\u52a0\u8f7d\u5b8c\u6210\u4e4b\u540e\u6765\u6267\u884c\uff0c\u6216\u8005\u4f7f\u7528 body \u7684 onload\u3002<\/li>\n<\/ul>\n<h4>3 addEventListener() \u548c removeEventListener() \uff08DOM2\u7ea7\u4e8b\u4ef6\u5904\u7406\u7a0b\u5e8f\uff09<\/h4>\n<p>[code lang=\"js\"]<br \/>\nlet btn = document.getElementById('my-btn');<br \/>\nfunction handler() {<br \/>\n  \/\/ some code \u2026<br \/>\n}<br \/>\nbtn.addEventListener('click', handler, false);<br \/>\nbtn.removeEventListener('click', handler, false);<\/p>\n<p>\/\/ true \u5728\u6355\u83b7\u9636\u6bb5\u8c03\u7528<br \/>\n\/\/ false \u5728\u5192\u6ce1\u9636\u6bb5\u8c03\u7528<\/p>\n<p>[\/code]<br \/>\n\u652f\u6301IE9+\u3001FCOS<\/p>\n<h4>4 attachEvent() \u548c detachEvent()<\/h4>\n<p>\u5728 attachEvent() \u7684\u533f\u540d\u51fd\u6570\u4e2d this === window \u3002<br \/>\n[code lang=\"js\"]<br \/>\nlet btn = document.getElementById('my-btn');<br \/>\nfunction handler() {<br \/>\n  \/\/ some code \u2026<br \/>\n}<br \/>\nbtn.attachEvent('onclick', handler, false);<br \/>\nbtn.detachEvent('onclick', handler, false);<br \/>\n[\/code]<br \/>\n\u652f\u6301IE\u3001Opera<\/p>\n<h4>5 IE\u6d4f\u89c8\u5668\u72ec\u6709\u7684\u65b9\u5f0f\uff0c\u57fa\u672c\u5e9f\u5f03\uff08IE4+\uff09\uff1a&lt;SCRIPT FOR&gt;<\/h4>\n<p>[code lang=\"html\"]<br \/>\n&lt;SCRIPT FOR=&quot;button1&quot; EVENT=&quot;onclick&quot;&gt;<br \/>\n\/\/\u6267\u884c\u8bed\u53e5<br \/>\n&lt;\/SCRIPT&gt;<br \/>\n&lt;INPUT TYPE=&quot;button&quot; NAME=&quot;myButton&quot; value=&quot;click&quot; ID=&quot;button1&quot; \/&gt;<br \/>\n[\/code]<\/p>\n<ul>\n<li>\u8fd9\u4e2a\u65b9\u5f0f\u4f60\u5fc5\u987b\u4e3a\u6bcf\u4e00\u4e2a\u5143\u7d20\u6bcf\u4e00\u4e2a\u4e8b\u4ef6\u521b\u5efa\u4e00\u4e2a script for \u6807\u7b7e\uff0c\u56e0\u4e3a\u6267\u884c\u8bed\u53e5\u4e0d\u662f\u5199\u5728\u67d0\u4e2a\u51fd\u6570\u91cc\u9762\u7684\u3002<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>1 \u901a\u8fc7HTML\u6807\u7b7e\u5c5e\u6027\u6307\u5b9a\uff0c\u5982\uff1a [code lang=&#8221;html&#8221;] &lt;input type=&quot;bu&#8230;<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[3,5],"tags":[],"class_list":["post-752","post","type-post","status-publish","format-standard","hentry","category-fe","category-javascript"],"jetpack_sharing_enabled":true,"jetpack_featured_media_url":"","_links":{"self":[{"href":"https:\/\/feizhaojun.com\/index.php?rest_route=\/wp\/v2\/posts\/752","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/feizhaojun.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/feizhaojun.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/feizhaojun.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/feizhaojun.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=752"}],"version-history":[{"count":12,"href":"https:\/\/feizhaojun.com\/index.php?rest_route=\/wp\/v2\/posts\/752\/revisions"}],"predecessor-version":[{"id":1677,"href":"https:\/\/feizhaojun.com\/index.php?rest_route=\/wp\/v2\/posts\/752\/revisions\/1677"}],"wp:attachment":[{"href":"https:\/\/feizhaojun.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=752"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/feizhaojun.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=752"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/feizhaojun.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=752"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}