JavaScript实例教程(七)JavaScript中处理事件之onChange改变事

1朵小红花0209

1朵小红花0209

2016-02-19 14:39

下面是个简单易学的JavaScript实例教程(七)JavaScript中处理事件之onChange改变事教程,图老师小编详细图解介绍包你轻松学会,喜欢的朋友赶紧get起来吧!

当利用text或texturea元素输入字符值改变时发该事件,同时当在select表格项中一个选项状态改变后也会引发该事件。

例:
html
head
/head
body
Form
Input type="text" name="Test" value="Test" onCharge="check('this.test)"
/Form
/body
/html

下图所示:

JavaScript实例教程(七)JavaScript中处理事件之onChange改变事件

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/webkaifa/)

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

JavaScript实例教程(七)JavaScript中处理事件之onChange改变事件

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

JavaScript实例教程(七)JavaScript中处理事件之onChange改变事件

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/webkaifa/)

在网站的设计上,该样式文本框的使用十分普遍。

展开更多 50%)
分享

猜你喜欢

JavaScript实例教程(七)JavaScript中处理事件之onChange改变事

Web开发
JavaScript实例教程(七)JavaScript中处理事件之onChange改变事

JavaScript实例教程(六)JavaScript中处理事件之单击事件onClic

Web开发
JavaScript实例教程(六)JavaScript中处理事件之单击事件onClic

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

Javascript实例:Select的OnChange()事件

Web开发
Javascript实例:Select的OnChange()事件

JavaScript中的事件处理

Web开发
JavaScript中的事件处理

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

JavaScript实例教程(一)JavaScript简介

Web开发
JavaScript实例教程(一)JavaScript简介

Javascript实例教程(16)

Web开发
Javascript实例教程(16)

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

JavaScript中类的定义、继承

JavaScript中类的定义、继承

Win7错误报告在后台发送

Win7错误报告在后台发送
下拉加载更多内容 ↓