查看完整版本: JavaScript实例教程（七）JavaScript中处理事件之onChange改变事件

JavaScript实例教程（七）JavaScript中处理事件之onChange改变事件

当利用text或texturea[wiki]元素[/wiki]输入字符值改变时发该事件，同时当在select表格项中一个选项状态改变后也会引发该事件。
例：
%26lt;html%26gt;
%26lt;head%26gt;
%26lt;/head%26gt;
%26lt;body%26gt;
%26lt;Form%26gt;
%26lt;Input[wiki]type[/wiki]="text"name="[wiki]Test[/wiki]"value="Test"%26gt;
%26lt;/Form%26gt;
%26lt;/body%26gt;
%26lt;/html%26gt;
下图所示：

[img]http://www.chinapsd.com/lesson/pic/mvyp-11-1-hl120501.jpg[/img]

此时的文本框的初始值是Test，如果改变它的值，在文本框中输入"5D[wiki]多媒体[/wiki]",如下图所示：

[img]http://www.chinapsd.com/lesson/pic/mvyp-11-1-hl120502.jpg[/img]

当你按下回车时，文本框又回到原来的值，即Test，如下图所示：

[img]http://www.chinapsd.com/lesson/pic/mvyp-11-1-hl120503.jpg[/img]

在[wiki]网站[/wiki]的设计上，该样式文本框的使用十分普遍。