在Chrome VS IE9中设置HTML文本输入字段的defaultValue

Question

如果我有以下HTML

    <input type="text" name="Text1" value="MyText" id="Text1"/>

如果我在页面运行以下javascript代码

var text = document.getElementById("Text1");
text.defaultValue = "i am default value";

设置输入字段的defaultValue我会根据浏览器得到两个不同的反应。 在IE9中，该值未更改，但默认值已更改，这实际上是预期的行为。 在Chrome（和Firefox）中，值和defaultValue均被更改。 为什么？ 但是，如果我运行此JavaScript

var text = document.getElementById("Text1");
text.value = text.value; // No functional change, however triggers something in the DOM
text.defaultValue = "i am default value";

那么它会按预期工作，即仅在Chrome中更改了defaultValue

关于为什么以及如何使Chrome（和Firefox）像IE9一样运行的任何想法？

Answer 1

defaultValue通常是元素的值， 直到用户与该元素进行交互为止 。 一旦用户与元素进行交互，则更改defaultValue属性后， value属性将不会更改。 当在用户交互之前更改defaultValue属性时，大多数浏览器将更新该元素的value属性。 在浏览器之间，此行为可能不一致。