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 事件