---
title: GlobalEventHandlers.onchange
slug: Web/API/GlobalEventHandlers/onchange
translation_of: Web/API/GlobalEventHandlers/onchange
---
<p>{{ ApiRef() }}</p>

<h3 id="Summary" name="Summary">概述</h3>

<p><code>onchange</code>可以用来获取或设置当前元素的<code>change</code>事件的事件处理函数.</p>

<h3 id="Syntax" name="Syntax">语法</h3>

<pre class="eval">element.onchange = 事件处理函数
</pre>

<h3 id="Notes" name="Notes">备注</h3>

<p>下面的伪代码演示了,在Mozilla中,onchange事件是如何触发的:</p>

<pre>  control.onfocus = focus;
  control.onblur = blur;
  function focus () {
      original_value = control.value;
  }

  function blur () {
      if (control.value != original_value)
        control.onchange();
  }
</pre>

<p>因此,如果你在你的<code>focus</code>或<code>blur事件的处理函数里修改一个控件的值的话,</code>你可能遇到一些关于<code>change</code>事件意想不到的现象.另外, <code>change</code>事件是在<code>blur</code>事件发生之后才触发的. 这一点和IE不同.</p>

<h3 id="Specification" name="Specification">规范</h3>

<p>DOM Level 0不属于任何标准</p>

<h3 id="See_Also" name="See_Also">相关链接</h3>

<p><a class="external" href="http://www.w3.org/TR/DOM-Level-2-Events/events.html#Events-eventgroupings-htmlevents">DOM Level 2: HTML event types</a></p>

<p>{{ languages( { "fr": "fr/DOM/element.onchange" ,"en": "en/DOM/element.onchange" } ) }}</p>