5.2.1 单击事件
鼠标单击事件是最最常见得事件，我们只要写 JavaScript 程序都会用到单击事件。语法非常的简单：
οnclick= 函数或是处理语句
请看下面的案例：
案例名称：单击事件
程序： 5-1.htm
<html>
<body>
<form>
<Input type="button" Value=" 鼠标响应 " onClick=alert(" 这是一个例子 ")>
</form>
</body>
</html>
当鼠标单击按钮的时候，自动弹出一个 alert 对话框，显示的结果如图 5-1 所示。
图 5-1 单击事件
5.2.2 onchange 事件
所谓的 onchange 事件就是当文本框的内容改变的时候，发生的事件。语法和刚才的 Onclick 事件比较的类似：
οnchange= 处理函数或是处理语句
请看我们下面的 onchange 事件：
案例名称： onchange 事件
程序： 5-13.htm
<html>
<body>
<form>
<Input type="text" name="Test" value="Test" onChange=alert("TextBox 值发生了变化！ ")>
</form>
</body>
</html>
当文本框的内容发生改变的时候，就回自动弹出一个 Alert 框，显示的结果如图 5-2 所示。
图 5-2 onchange 事件
5.2.3 onselect 事件
所谓的 onselect 事件就是当文本框的内容被选中的时候，发生的事件。语法和刚才的 Onclick 事件比较的类似：
οnselect= 处理函数或是处理语句
请看我们下面的 onselect 事件：
案例名称： onselect 事件
程序： 5-2.htm
<html>
<body>
<form>
<Input type="text" name="Test" value="Test" onSelect=alert(" 我被选中了！ ")>
</form>
</body>
</html>
当文本框中内容被选中的时候就会自动弹出对话框，显示的结果如图 5-3 所示。
图 5-3 onselect 事件
可以看出当文本框的内容 test 被选中的时候， onselect 事件就被触发了。
5.2.4
onfocus 事件
所谓的 onfocus 事件就是当光标落在文本框中的时候，发生的事件。语法和刚才的 Onclick 事件比较的类似：
οnfοcus= 处理函数或是处理语句
请看我们下面的 onfocus 事件：
案例名称： onfocus 事件
程序： 5-3.htm
<html>
<body>
<form>
<Input type="text" name="Test1" value="Test1" onFocus=alert("Test1 成为了输入焦点！ ")>
<br>
<Input type="text" name="Test2" value="Test2" onFocus=alert("Test2 成为了输入焦点！ ")>
</form>
</body>
</html>
当我们用鼠标选中一个文本框的时候，触发 Onfocus 事件，弹出一个对话框。显示的结果如图 5-4 所示。
图 5-4 Onfocus 事件
312
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
