{"json_modified": "2016-02-16T23:14:05.558883", "slug": "Web/Events/input", "tags": [], "locale": "zh-CN", "title": "input", "translations": [{"title": "input", "url": "/en-US/docs/Web/Events/input", "tags": ["NeedsMobileBrowserCompatibility"], "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&#xA0;&lt;input&gt;&#xA0;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. 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.", "localization_tags": [], "locale": "en-US", "last_edit": "2015-12-23T16:26:57", "review_tags": []}, {"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": "2015-01-23T03:12:48", "review_tags": []}], "modified": "2016-02-16T23:14:05", "label": "input", "localization_tags": [], "url": "/zh-CN/docs/Web/Events/input", "last_edit": "2016-02-16T23:14:00", "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>", "sections": [{"id": "\u5e38\u89c4\u4fe1\u606f", "title": "\u5e38\u89c4\u4fe1\u606f"}, {"id": "\u5c5e\u6027", "title": "\u5c5e\u6027"}, {"id": "\u6d4f\u89c8\u5668\u517c\u5bb9\u6027", "title": "\u6d4f\u89c8\u5668\u517c\u5bb9\u6027"}, {"id": "\u53c2\u89c1", "title": "\u53c2\u89c1"}], "id": 128697, "review_tags": []}