{"json_modified": "2016-09-27T15:24:29.021711", "uuid": "b125f31a-c5c3-4673-a0de-2bdb49d655c6", "title": "input", "url": "/en-US/docs/Web/Events/input", "tags": ["NeedsMobileBrowserCompatibility"], "translations": [{"uuid": "5a04aaaa-1199-4b5d-8f07-85715c93139c", "title": "input", "url": "/fr/docs/Web/Events/input", "tags": [], "summary": "The DOM <code>input</code> event is fired synchronously when the value of an <a href=\"/fr/docs/Web/HTML/Element/input\" title=\"L'&#xE9;l&#xE9;ment HTML &lt;input&gt; est utilis&#xE9; pour cr&#xE9;er des contr&#xF4;les interactifs dans les formulaires web.\"><code>&lt;input&gt;</code></a> or <a href=\"/fr/docs/Web/HTML/Element/textarea\" title=\"L'&#xE9;l&#xE9;ment HTML &lt;textarea&gt; repr&#xE9;sente un champ de saisie &#xE0; plusieurs lignes, permettant l'&#xE9;dition d'un texte simple.\"><code>&lt;textarea&gt;</code></a> element is changed. Additionally, it fires on <a href=\"/en/DOM/Element.contentEditable\" title=\"Element.contentEditable\"><code>contenteditable</code></a> editors when its contents are changed. In this case, the event target is the editing host element. If there are two or more elements which have <code>contenteditable</code> as true, \"editing host\" is the nearest ancestor element whose parent isn't editable. Similarly, it's also fired on root element of <a href=\"/en/DOM/document.designMode\" title=\"document.designMode\"><code>designMode</code></a> editors.", "localization_tags": ["inprogress"], "locale": "fr", "last_edit": "2016-09-27T15:24:21", "review_tags": []}, {"uuid": "b058eea8-5cd2-4729-bf8a-675f66c18051", "title": "input", "url": "/zh-CN/docs/Web/Events/input", "tags": [], "summary": "\u5f53<a href=\"/zh-CN/docs/Web/HTML/Element/input\" title=\"input (&lt;input&gt;) &#x5143;&#x7D20;&#x7528;&#x6765;&#x521B;&#x5EFA;&#x57FA;&#x4E8E;web&#x8868;&#x5355;&#x7684;&#x53EF;&#x4EA4;&#x4E92;&#x63A7;&#x4EF6;.\"><code>&lt;input&gt;</code></a> or <a href=\"/zh-CN/docs/Web/HTML/Element/textarea\" title=\"The HTML &lt;textarea&gt; element represents a multi-line plain-text editing control.\"><code>&lt;textarea&gt;</code></a>\u7684\u503c\u53d8\u66f4\u65f6\u5c06\u89e6\u53d1DOM\u7684input\u4e8b\u4ef6\u3002\u00a0\u6b64\u5916\u5bf9\u4e8e\u542b\u6709<code><a href=\"/en/DOM/Element.contentEditable\" title=\"Element.contentEditable\">contenteditable</a>\u5c5e\u6027\u7684\u7f16\u8f91\u5668\uff0c</code>\u5185\u5bb9\u53d8\u66f4\u65f6\u4e5f\u4f1a\u89e6\u53d1\u3002\u540e\u4e00\u79cd\u60c5\u51b5\u4e0b\uff0cevent\u7684target\u662f\u5bb9\u7eb3\u6b64\u7f16\u8f91\u5668\u7684\u5143\u7d20\u3002 \u5982\u679c\u591a\u4e2a\u5143\u7d20\u90fd\u6709<a href=\"/en/DOM/Element.contentEditable\" style=\"line-height: 1.5; font-family: 'Courier New', 'Andale Mono', monospace;\" title=\"Element.contentEditable\">contenteditable</a><span style=\"font-family: courier new,andale mono,monospace; line-height: 1.5;\">\u5c5e\u6027\uff0c\u90a3\u4e48target\u5c31\u662f\u6700\u8fd1\u7684\u4e0d\u53ef\u7f16\u8f91\u7684\u7236\u5143\u7d20\u3002\u540c\u6837\uff0c\u5728</span><code style=\"line-height: 1.5;\"><a href=\"/en/DOM/document.designMode\" style=\"line-height: 1.5;\" title=\"document.designMode\">designMode</a>\u7684\u7f16\u8f91\u5668\u7684\u6839\u5143\u7d20\u4e0a\u89e6\u53d1\u65f6\u4e5f\u662f\u7c7b\u4f3c\u3002</code>", "localization_tags": [], "locale": "zh-CN", "last_edit": "2016-02-16T23:14:00", "review_tags": []}], "modified": "2016-05-05T11:06:44", "label": "input", "localization_tags": [], "locale": "en-US", "id": 53827, "last_edit": "2016-05-05T11:06:40", "summary": "The DOM <code>input</code> event is fired synchronously when the value of an <a href=\"/en-US/docs/Web/HTML/Element/input\" title=\"The HTML element &lt;input&gt; is used to create interactive controls for web-based forms in order to accept data from the user. How an &lt;input&gt; works varies considerably depending on the value of its type attribute.\"><code>&lt;input&gt;</code></a> or <a href=\"/en-US/docs/Web/HTML/Element/textarea\" title=\"The HTML &lt;textarea&gt; element represents a multi-line plain-text editing control.\"><code>&lt;textarea&gt;</code></a> element is changed. (For <code>input</code> elements with <code>type=checkbox</code> or <code>type=radio</code>, the <code>input</code> event does not fire when a user clicks the control, because the <code>value</code> attribute does not change.) Additionally, it fires on <a href=\"/en-US/docs/Web/API/HTMLElement/contentEditable\"><code>contenteditable</code></a> editors when its contents are changed. In this case, the event target is the editing host element. If there are two or more elements which have <code>contenteditable</code> as true, \"editing host\" is the nearest ancestor element whose parent isn't editable. Similarly, it's also fired on root element of <a href=\"/en-US/docs/Web/API/Document/designMode\"><code>designMode</code></a> editors.", "sections": [{"id": "General_info", "title": "General info"}, {"id": "Properties", "title": "Properties"}, {"id": "Browser_compatibility", "title": "Browser compatibility"}, {"id": "See_also", "title": "See also"}], "slug": "Web/Events/input", "review_tags": []}