{"json_modified": "2016-06-19T06:36:52.883367", "uuid": "0ecc2b38-f604-47a6-bc56-44f6acdd7585", "title": "EventTarget.addEventListener()", "url": "/zh-TW/docs/Web/API/EventTarget/addEventListener", "tags": ["\u5f85\u7ffb\u8b6f", "DOM", "API", "Api"], "translations": [{"uuid": "e7ae0f37-38f8-443d-be2d-a62adbbfbb4d", "title": "EventTarget.addEventListener()", "url": "/zh-CN/docs/Web/API/EventTarget/addEventListener", "tags": ["EventTarget", "API", "DOM", "Event"], "summary": "<strong>EventTarget.addEventListener()\u00a0</strong>\u65b9\u6cd5\u5c06\u6307\u5b9a\u7684\u4e8b\u4ef6\u76d1\u542c\u5668\u6ce8\u518c\u5230 <a href=\"/zh-CN/docs/Web/API/EventTarget\" title=\"&#x4E00;&#x4E2A;EventTarget&#x662F;&#x4E00;&#x4E2A;&#x53EF;&#x4EE5;&#x63A5;&#x53D7;DOM&#x4E8B;&#x4EF6;&#x4E14;&#x80FD;&#x7ED1;&#x5B9A;&#x4E8B;&#x4EF6;&#x76D1;&#x542C;&#x5668;&#x7684;&#x5BF9;&#x8C61;.&#x6700;&#x5E38;&#x89C1;&#x7684;EventTarget&#x5C31;&#x662F;DOM&#x5143;&#x7D20;&#x5BF9;&#x8C61;,&#x53E6;&#x5916;,&#x8FD8;&#x6709;&#x4E00;&#x4E9B;&#x4E0D;&#x662F;DOM&#x5143;&#x7D20;&#x7684;&#x5BF9;&#x8C61;&#x4E5F;&#x80FD;&#x6210;&#x4E3A;EventTarget,&#x6BD4;&#x5982;document, window, XMLHttpRequest,&#x7B49;&#x7B49;.\"><code>EventTarget</code></a>\u00a0\u4e0a\uff0c\u5f53\u8be5\u5bf9\u8c61\u89e6\u53d1\u6307\u5b9a\u7684\u4e8b\u4ef6\u65f6\uff0c\u6307\u5b9a\u7684\u56de\u8c03\u51fd\u6570\u5c31\u4f1a\u88ab\u6267\u884c\u3002 \u4e8b\u4ef6\u76ee\u6807\u53ef\u4ee5\u662f\u4e00\u4e2a\u6587\u6863\u4e0a\u7684\u5143\u7d20\u00a0<a href=\"/zh-CN/docs/Web/API/Document\" title=\"Document&#xA0;&#x63A5;&#x53E3;&#x4EE3;&#x8868;&#x5728;&#x6D4F;&#x89C8;&#x5668;&#x53CA;&#x670D;&#x52A1;&#x5668;&#x4E2D;&#x52A0;&#x8F7D;&#x4EFB;&#x610F;&#xA0;web&#xA0;&#x9875;&#x9762;&#xFF0C;&#x4E5F;&#x4F5C;&#x4E3A; web &#x9875;&#x9762;&#x5185;&#x5BB9;&#xFF08;DOM tree&#xFF0C; &#x5305;&#x542B;&#x5982;&#xA0;&lt;body&gt; &#x548C; &lt;table&gt; &#x7B49; element&#xFF09;&#x7684;&#x5165;&#x53E3;&#x3002;&#x5176;&#x4E5F;&#x4E3A;&#x6587;&#x6863;&#xFF08;document&#xFF09;&#x63D0;&#x4F9B;&#x4E86;&#x5168;&#x5C40;&#x6027;&#x7684;&#x51FD;&#x6570;&#xFF0C;&#x4F8B;&#x5982;&#x83B7;&#x53D6;&#x9875;&#x9762;&#x7684;URL&#x3001;&#x5728;&#x6587;&#x6863;&#x4E2D;&#x521B;&#x5EFA;&#x65B0;&#x7684; element&#xA0;&#x7684;&#x51FD;&#x6570;&#x3002;\"><code>Document</code></a>\u00a0\u672c\u8eab\uff0c<a href=\"/zh-CN/docs/Web/API/Window\" title=\"The window object represents a window containing a DOM document; the document property points to the DOM document loaded in that window.\"><code>Window</code></a>\u00a0\u6216\u8005\u00a0<code><a href=\"/zh-cn/DOM/XMLHttpRequest\" title=\"zh-cn/XMLHttpRequest\">XMLHttpRequest</a>\u3002</code>", "localization_tags": ["inprogress"], "locale": "zh-CN", "last_edit": "2016-01-25T01:18:11", "review_tags": []}, {"uuid": "0585c253-ede1-4ef4-a66e-205a3459821a", "title": "EventTarget.addEventListener()", "url": "/en-US/docs/Web/API/EventTarget/addEventListener", "tags": ["API", "Reference", "EventTarget", "DOM", "Api", "Method"], "summary": "The <code><strong>EventTarget.addEventListener()</strong></code> method registers the specified listener on the <a href=\"/en-US/docs/Web/API/EventTarget\" title=\"EventTarget is an interface implemented by objects that can receive events and may have listeners for them.\"><code>EventTarget</code></a> it's called on. The event target may be an <a href=\"/en-US/docs/Web/API/Element\" title=\"The Element interface represents an object of a Document. This interface describes methods and properties common to all kinds of elements. Specific behaviors are described in interfaces which inherit from Element but add additional functionality.\"><code>Element</code></a> in a document, the <a href=\"/en-US/docs/Web/API/Document\" title=\"The Document interface represents any web page loaded in the browser and serves as an entry point into the web page's content, which is the DOM tree. The DOM tree includes elements such as &lt;body&gt; and &lt;table&gt;, among many others. It provides functionality which is global to the document, such as obtaining the page's URL and creating new elements in the document.\"><code>Document</code></a> itself, a <a href=\"/en-US/docs/Web/API/Window\" title=\"The window object represents a window containing a DOM document; the document property points to the DOM document loaded in that window.\"><code>Window</code></a>, or any other object that supports events (such as <code><a href=\"/en-US/docs/DOM/XMLHttpRequest\">XMLHttpRequest</a></code>).", "localization_tags": [], "locale": "en-US", "last_edit": "2016-06-15T23:19:11", "review_tags": []}, {"uuid": "b18ce1ab-f3fe-4420-9c8d-dfd0e7986e17", "title": "element.addEventListener", "url": "/it/docs/Web/API/Element/addEventListener", "tags": [], "summary": "<code>addEventListener()</code> permette di impostare delle funzioni che verranno chiamate al verificarsi dell'evento specificato, sull'oggetto specificato(target dell'evento).", "localization_tags": [], "locale": "it", "last_edit": "2015-11-21T10:08:25", "review_tags": []}, {"uuid": "44ff72bb-5201-4faf-bff2-68042620e393", "title": "element.addEventListener", "url": "/fr/docs/Web/API/EventTarget/addEventListener", "tags": ["DOM Element Methods", "DOM", "Gecko", "R\u00e9f\u00e9rence_du_DOM_Gecko"], "summary": "<code><strong>addEventListener</strong></code> permet l'assignation de gestionnaires d'\u00e9v\u00e8nements sur un \u00e9l\u00e9ment cible. La cible d'un \u00e9v\u00e8nement peut \u00eatre un n\u0153ud dans un document, le <a href=\"/fr/DOM/document\" title=\"fr/DOM/document\">document</a> lui-m\u00eame, un \u00e9l\u00e9ment <a href=\"/fr/DOM/window\" title=\"fr/DOM/window\">window</a> ou un objet <a href=\"/fr/XMLHttpRequest\" title=\"fr/XMLHttpRequest\">XMLHttpRequest</a>.", "localization_tags": [], "locale": "fr", "last_edit": "2014-10-28T07:29:47", "review_tags": []}, {"uuid": "50a3907a-6bf5-4ed6-9792-594f119b6d68", "title": "EventTarget.addEventListener", "url": "/ja/docs/Web/API/EventTarget/addEventListener", "tags": ["addEventListener", "DOM", "DOM Reference", "\u8981\u66f4\u65b0"], "summary": "<code>addEventListener</code> \u306f\u3001 1 \u3064\u306e\u30a4\u30d9\u30f3\u30c8\u30bf\u30fc\u30b2\u30c3\u30c8\u306b\u30a4\u30d9\u30f3\u30c8\u30ea\u30b9\u30ca\u30fc\u3092 1 \u3064\u767b\u9332\u3057\u307e\u3059\u3002\u30a4\u30d9\u30f3\u30c8\u30bf\u30fc\u30b2\u30c3\u30c8\u306f\u3001\u30c9\u30ad\u30e5\u30e1\u30f3\u30c8\u4e0a\u306e\u5358\u4e00\u306e\u30ce\u30fc\u30c9\u3001<a href=\"/ja/docs/DOM/document\">\u30c9\u30ad\u30e5\u30e1\u30f3\u30c8</a>\u81ea\u8eab\u3001<a href=\"/ja/docs/DOM/window\">\u30a6\u30a3\u30f3\u30c9\u30a6</a>\u3001\u3042\u308b\u3044\u306f\u3001<a href=\"/ja/docs/Web/API/XMLHttpRequest\">XMLHttpRequest</a> \u3067\u3059\u3002", "localization_tags": ["inprogress"], "locale": "ja", "last_edit": "2016-06-13T10:03:46", "review_tags": []}, {"uuid": "aee0ba30-9993-468e-9367-2227405471e3", "title": "element.addEventListener", "url": "/pl/docs/Web/API/Element/addEventListener", "tags": ["Dokumentacja_Gecko_DOM", "DOM", "Gecko", "Strony_wymagaj\u0105ce_dopracowania", "Wszystkie_kategorie"], "summary": "Metoda <code>addEventListener</code> pozwala zarejestrowa\u0107 obserwatora zdarze\u0144 dla okre\u015blonego typu zdarzenia na elemencie.", "localization_tags": [], "locale": "pl", "last_edit": "2014-10-23T11:22:43", "review_tags": []}, {"uuid": "58a2b016-5587-497b-87ed-03458fee43cb", "title": "Element.addEventListener()", "url": "/pt-BR/docs/Web/API/Element/addEventListener", "tags": [], "summary": "<code>addEventListener()</code> registra uma \u00fanica espera de evento em um \u00fanico alvo. O <a href=\"/en-US/docs/DOM/EventTarget\" title=\"DOM/EventTarget\">alvo do evento</a>\u00a0pode ser um \u00fanico\u00a0<a href=\"/en-US/docs/DOM/element\" title=\"DOM/element\">element</a>o\u00a0em um documento, o\u00a0<code><a href=\"/en-US/docs/DOM/document\" title=\"DOM/document\">document</a>o</code>\u00a0em si, uma <code><a href=\"/en-US/docs/DOM/window\" title=\"DOM/window\">janela</a></code>, ou um\u00a0<code><a href=\"/en-US/docs/DOM/XMLHttpRequest\" title=\"XMLHttpRequest\">XMLHttpRequest</a></code>.", "localization_tags": [], "locale": "pt-BR", "last_edit": "2015-02-23T15:25:05", "review_tags": []}, {"uuid": "845de937-a7d2-41e0-8f46-ced60e2160cb", "title": "element.addEventListener", "url": "/es/docs/Web/API/EventTarget/addEventListener", "tags": [], "summary": "<code>addEventListener()</code> Registra un evento a un objetivo en especifico. El <a title=\"DOM/EventTarget\" href=\"/en-US/docs/DOM/EventTarget\">ObJeto especifico</a> Puede ser un simple <a title=\"DOM/element\" href=\"/en-US/docs/DOM/element\">elemento</a> en un archivo, el mismo\u00a0 <code><a title=\"DOM/document\" href=\"/en-US/docs/DOM/document\">documento</a></code> , una <code><a title=\"DOM/window\" href=\"/en-US/docs/DOM/window\">ventana</a></code>, o un\u00a0 <code><a title=\"XMLHttpRequest\" href=\"/en-US/docs/DOM/XMLHttpRequest\">XMLHttpRequest</a></code>.", "localization_tags": [], "locale": "es", "last_edit": "2015-09-16T04:56:46", "review_tags": []}, {"uuid": "7ce7979c-ece5-4b74-a1d8-9592c68d37c9", "title": "EventTarget.addEventListener()", "url": "/ru/docs/Web/API/EventTarget/addEventListener", "tags": ["addEventListener", "\u0421\u043e\u0431\u044b\u0442\u0438\u0435", "EventTarget", "\u041e\u0431\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a", "\u043c\u0435\u0442\u043e\u0434", "\u041c\u0435\u0442\u043e\u0434", "DOM"], "summary": "\u041c\u0435\u0442\u043e\u0434 <code>EventTarget.addEventListener()</code> \u0440\u0435\u0433\u0438\u0441\u0442\u0440\u0438\u0440\u0443\u0435\u0442 \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0435\u043d\u043d\u044b\u0439 \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a \u0441\u043e\u0431\u044b\u0442\u0438\u044f, \u0432\u044b\u0437\u0432\u0430\u043d\u043d\u043e\u0433\u043e \u043d\u0430\u00a0<a href=\"/ru/docs/Web/API/EventTarget\" title=\"EventTarget - &#x44D;&#x442;&#x43E; &#x438;&#x43D;&#x442;&#x435;&#x440;&#x444;&#x435;&#x439;&#x441;, &#x440;&#x435;&#x430;&#x43B;&#x438;&#x437;&#x443;&#x435;&#x43C;&#x44B;&#x439; &#x43E;&#x431;&#x44A;&#x435;&#x43A;&#x442;&#x430;&#x43C;&#x438;, &#x43A;&#x43E;&#x442;&#x43E;&#x440;&#x44B;&#x435; &#x43C;&#x43E;&#x433;&#x443;&#x442; &#x433;&#x435;&#x43D;&#x435;&#x440;&#x438;&#x440;&#x43E;&#x432;&#x430;&#x442;&#x44C; &#x441;&#x43E;&#x431;&#x44B;&#x442;&#x438;&#x44F; &#x438; &#x43C;&#x43E;&#x433;&#x443;&#x442; &#x438;&#x43C;&#x435;&#x442;&#x44C; &#x43F;&#x43E;&#x434;&#x43F;&#x438;&#x441;&#x447;&#x438;&#x43A;&#x43E;&#x432; &#x43D;&#x430; &#x44D;&#x442;&#x438; &#x441;&#x43E;&#x431;&#x44B;&#x442;&#x438;&#x44F;.\"><code>EventTarget</code></a>.", "localization_tags": [], "locale": "ru", "last_edit": "2016-06-01T18:23:57", "review_tags": ["technical"]}, {"uuid": "f89fe686-d1df-4361-96f5-f35ff378885c", "title": "EventTarget.addEventListener()", "url": "/ko/docs/Web/API/EventTarget/addEventListener", "tags": [], "summary": "<code><strong>EventTarget.addEventListener() </strong>\uba54\uc18c\ub4dc\ub294\u00a0</code><a href=\"/ko/docs/Web/API/EventTarget\" title=\"EventTarget is an interface implemented by objects that can receive events and may have listeners for them.\"><code>EventTarget</code></a> \uc5d0\uc11c \ubd88\ub824\uc9c8 \ud2b9\uc815 \ub9ac\uc2a4\ub108\ub97c \ub4f1\ub85d\ud569\ub2c8\ub2e4.\u00a0\uc774\ubca4\ud2b8\uc758 \ub300\uc0c1\uc740 \ub2e4\ud050\uba3c\ud2b8 \uc548\uc758\u00a0<a href=\"/ko/docs/Web/API/Element\" title=\"The Element interface represents an object of a Document. This interface describes methods and properties common to all kinds of elements. Specific behaviors are described in interfaces which inherit from Element but add additional functionality.\"><code>Element</code></a>,\u00a0<a href=\"/ko/docs/Web/API/Document\" title=\"&#xAC01;&#xAC01;&#xC758; &#xC6F9; &#xD398;&#xC774;&#xC9C0;&#xB294; &#xC790;&#xC2E0;&#xC758; &#xBB38;&#xC11C;(document) &#xAC1D;&#xCCB4;&#xB97C; &#xAC16;&#xB294;&#xB2E4;. Document &#xC778;&#xD130;&#xD398;&#xC774;&#xC2A4;&#xB294; &#xC6F9; &#xD398;&#xC774;&#xC9C0;&#xC758; &#xCEE8;&#xD150;&#xCE20;(DOM &#xD2B8;&#xB9AC;, &#xC989;&#xA0;&lt;body&gt; &#xB610;&#xB294;&#xA0;&lt;table&gt;&#xC640; &#xAC19;&#xC740; &#xC694;&#xC18C;(Element) &#xB4F1;)&#xC5D0; &#xB300;&#xD55C; &#xC9C4;&#xC785;&#xC810;&#xC73C;&#xB85C;&#xC11C;&#xC758; &#xC5ED;&#xD560;&#xC744; &#xD558;&#xBA70;, &#xB610;&#xD55C; &#xD574;&#xB2F9; &#xBB38;&#xC11C;&#xC5D0; &#xB300;&#xD55C; &#xC804;&#xC5ED; &#xAE30;&#xB2A5;(&#xD398;&#xC774;&#xC9C0;&#xC758; URL &#xAC00;&#xC838;&#xC624;&#xAE30;, &#xBB38;&#xC11C;&#xA0;&#xB0B4;&#xC5D0; &#xC0C8; &#xC694;&#xC18C; &#xC0DD;&#xC131;&#xD558;&#xAE30; &#xB4F1;)&#xC744; &#xC81C;&#xACF5;&#xD55C;&#xB2E4;.\"><code>Document</code></a> \uc790\uc2e0,\u00a0<a href=\"/ko/docs/Web/API/Window\" title=\"The window object represents a window containing a DOM document; the document property points to the DOM document loaded in that window.\"><code>Window</code></a>, \ub610\ub294\u00a0<code><a href=\"/en-US/docs/DOM/XMLHttpRequest\">XMLHttpRequest</a>\u00a0\uac19\uc740 \uc774\ubca4\ud2b8\ub97c \uc9c0\uc6d0\ud558\ub294 \uc5b4\ub5a4 \uac1d\uccb4\uc77c \uac83\uc785\ub2c8\ub2e4.</code>", "localization_tags": [], "locale": "ko", "last_edit": "2016-03-14T20:50:11", "review_tags": ["technical", "editorial"]}], "modified": "2016-06-19T06:36:51", "label": "EventTarget.addEventListener()", "localization_tags": ["inprogress"], "locale": "zh-TW", "id": 150131, "last_edit": "2016-06-19T06:36:39", "summary": "<code><strong>EventTarget.addEventListener()</strong></code>\u00a0\u65b9\u6cd5\u80fd\u5c07\u6307\u5b9a\u7684\u4e8b\u4ef6\u76e3\u807d\u5668\u8a3b\u518a\u5230 <a href=\"/zh-TW/docs/Web/API/EventTarget\" title=\"EventTarget&#xA0;&#x4ECB;&#x9762;&#x5B9A;&#x7FA9;&#x4E86;&#x5176;&#x5BE6;&#x4F5C;&#x7684;&#x7269;&#x4EF6;&#x5177;&#x6709;&#x63A5;&#x6536;&#x4E8B;&#x4EF6;&#x7684;&#x80FD;&#x529B;&#xFF0C;&#x4E5F;&#x53EF;&#x80FD;&#x64C1;&#x6709;&#x8655;&#x7406;&#x4E8B;&#x4EF6;&#x7684;&#x76E3;&#x807D;&#x5668;&#x3002;\"><code>EventTarget</code></a> \u5be6\u4f5c\u7269\u4ef6\u4e0a\u3002<code>EventTarget</code>\u00a0\u53ef\u80fd\u662f Document \u4e2d\u7684 <a href=\"/zh-TW/docs/Web/API/Element\" title=\"The Element interface represents an object of a Document. This interface describes methods and properties common to all kinds of elements. Specific behaviors are described in interfaces which inherit from Element but add additional functionality.\"><code>Element</code></a> \u7269\u4ef6\u3001<a href=\"/zh-TW/docs/Web/API/Document\" title=\"Each web page loaded in the browser has its own document object. The Document interface serves as an entry point into the web page's content (the DOM tree, including elements such as &lt;body&gt; and &lt;table&gt;) and provides functionality which is global to the document (such as obtaining the page's URL and creating new elements in the document).\"><code>Document</code></a> \u7269\u4ef6\u672c\u8eab\u3001<a href=\"/zh-TW/docs/Web/API/Window\" title=\"The documentation about this has not yet been written; please consider contributing!\"><code>Window</code></a> \u7269\u4ef6\uff0c\u6216\u662f\u5176\u5b83\u652f\u63f4\u4e8b\u4ef6\u7684\u7269\u4ef6\uff08\u5982\uff1a<a href=\"/zh-TW/docs/Web/API/XMLHttpRequest\" title=\"&#x4E0D;&#x53EA;&#x662F;&#x540D;&#x7A31;&#x524D;&#x51A0;&#x4E0A;&#x7684;XML&#xFF0C;XMLHttpRequest&#x53EF;&#x4EE5;&#x53D6;&#x5F97;XML&#x4EE5;&#x5916;&#x578B;&#x614B;&#x7684;&#x8CC7;&#x6599;&#xFF0C;&#x800C;&#x4E14;&#x4E5F;&#x652F;&#x63F4;file&#x6216;ftp&#x7B49;&#x5176;&#x4ED6;&#x7684;&#x5354;&#x5B9A;&#xFF0C;&#x4E0D;&#x53EA;&#x662F;HTTP&#x800C;&#x5DF2;&#x3002;\"><code>XMLHttpRequest</code></a>\uff09\u3002", "sections": [{"id": "Quick_Links", "title": null}, {"id": "Syntax", "title": "\u8a9e\u6cd5"}, {"id": "\u53c3\u6578", "title": "\u53c3\u6578"}, {"id": "Example", "title": "\u7bc4\u4f8b"}, {"id": "addEventListenerBasic", "title": "\u4e00\u500b\u7c21\u6613\u7684\u4e8b\u4ef6\u76e3\u807d"}, {"id": "HTML_\u5167\u5bb9", "title": "HTML \u5167\u5bb9"}, {"id": "JavaScript_\u5167\u5bb9", "title": "JavaScript \u5167\u5bb9"}, {"id": "Event_Listener_with_anonymous_function", "title": "\u533f\u540d\u51fd\u6578\u7684\u4e8b\u4ef6\u76e3\u807d"}, {"id": "HTML_\u5167\u5bb9_2", "title": "HTML \u5167\u5bb9"}, {"id": "JavaScript_\u5167\u5bb9_2", "title": "JavaScript \u5167\u5bb9"}, {"id": "\u5099\u8a3b", "title": "\u5099\u8a3b"}, {"id": "Why_use_addEventListener.3F", "title": "\u70ba\u751a\u9ebc\u4f7f\u7528\u00a0"}, {"id": "Adding_a_listener_during_event_dispatch", "title": "Adding a listener during event dispatch"}, {"id": "Multiple_identical_event_listeners", "title": "Multiple identical event listeners"}, {"id": "The_value_of_this_within_the_handler", "title": "The value of "}, {"id": "Legacy_Internet_Explorer_and_attachEvent", "title": "Internet Explorer \u7684 attachEvent \u65b9\u6cd5"}, {"id": "Compatibility", "title": "\u76f8\u5bb9\u6027"}, {"id": "Older_way_to_register_event_listeners", "title": "\u8a3b\u518a event listeners \u7684\u820a\u65b9\u6cd5"}, {"id": "Memory_issues", "title": "\u8a18\u61b6\u9ad4\u554f\u984c"}, {"id": "\u898f\u7bc4", "title": "\u898f\u7bc4"}, {"id": "Browser_compatibility", "title": "\u700f\u89bd\u5668\u76f8\u5bb9\u6027"}, {"id": "Specification", "title": "\u53c3\u898b"}], "slug": "Web/API/EventTarget/addEventListener", "review_tags": []}