HTML 中的 onBlur 和 onChange 属性有什么区别？答案

【问题标题】：What is the difference between onBlur and onChange attribute in HTML?HTML 中的 onBlur 和 onChange 属性有什么区别？
【发布时间】：2009-04-24 09:13:03
【问题描述】：

何时调用一个与另一个？是否存在会调用 onChange 但不会调用 onBlur 的情况？

【问题讨论】：

标签： html

【解决方案1】：

onBlur 事件在您离开某个对象而不必更改其值时触发。

onChange 事件仅在您更改了字段的值并且它失去焦点时才会调用。

您可能想看看quirksmode's intro to events。这是一个很好的地方，可以在您与浏览器交互时获取有关浏览器中正在发生的事情的信息。他的书也不错。

【讨论】：

您关于 quirksmode 的链接不涉及模糊，只涉及基本事件
澄清一点，没有change 被解雇但blur 没有被解雇的情况，对吗？
@IndianaKernick Enter 键将触发change，但不会触发blur。此外，在下拉列表中选择一个选项只会触发change，因为下拉列表仍然具有焦点。

【解决方案2】：

onblur 在字段失去焦点时触发，而 onchange 在字段值更改时触发。但是，这些事件并不总是以相同的顺序发生。

在 Firefox 中，从已更改的字段中跳出会触发 onchange 然后 onblur，在 IE 中通常会执行相同的操作。但是，如果您按 enter 键而不是 tab，在 Firefox 中它将触发 onblur 然后 onchange，而 IE 通常会按原始顺序触发。但是，我已经看到 IE 也会首先触发模糊的情况，所以要小心。您不能假设 onblur 或 onchange 将在另一个之前发生。

【讨论】：

【解决方案3】：

一个使事情具体化的例子。如果您有这样的选择：

<select onchange="" onblur="">
  <option>....
</select>

当您离开时调用onblur()。 onchange() 在您从选择中选择不同的选项时调用 - 即您更改当前选择的内容。

【讨论】：

另一个例子：在 number 类型的输入中，单击向上/向下箭头将触发更改事件（但不是模糊事件），而键入只会在字段失去焦点时触发更改事件.

【解决方案4】：

在 Firefox 中，onchange 仅在您使用 Tab 或单击输入字段外时触发。 Onblur 也是如此。不同之处在于，无论您是否更改了该字段中的任何内容，onblur 都会触发。 ENTER 可能会触发其中一个或两个，但是如果您在表单中禁用 ENTER 以防止意外提交，您将不会知道这一点。

【讨论】：

【解决方案5】：

我认为这里需要注意的是，onBlur() 无论如何都会触发。

这是一个有用的线程，但唯一没有说明的是onBlur() 每次都会触发。

onChange() 只会在值更改时触发。

【讨论】：

【解决方案6】：

onBlur是当您不再关注相关领域时。

onblur 属性返回当前元素上存在的 onBlur 事件处理程序代码（如果有）。

onChange是字段值变化的时候。

【讨论】：

【解决方案7】：

onChange 是当字段中的某些内容发生更改时，例如，您在文本输入中写入某些内容。

onBlur 是指当您将焦点从字段上移开时，例如，您正在输入文本并单击它。

所以实际上它们几乎是一样的，但 onChange 的行为方式与 onBlur 在该输入中所做的某些事情的方式需要更改。

【讨论】：