鼠标的单击事件

一 介绍

单击事件（onclick）是在鼠标单击时被触发的事件。单击是指鼠标停留在对象上，按下鼠标键，在没有移动鼠标的同时放开鼠标键的这一完整过程。

单击事件一般应用于Button对象、Checkbox对象、Image对象、Link对象、Radio对象、Reset对象和Submit对象。

Button对象一般只会用到onclick事件处理程序，因为该对象不能从用户那里得到任何信息，如果没有onclick事件处理程序，按钮对象将不会有任何作用。

在使用对象的单击事件时，如果在对象上按下鼠标键，然后移动鼠标到对象外再松开鼠标，单击事件无效，单击事件必须在对象上按下松开后，才会执行单击事件的处理程序。

 

二 通过按钮变换背景颜色应用

通过单击“变换背景”按钮，动态的改变页面的背景颜色，当用户再次单击按钮时，页面背景将以不同的颜色进行显示。

 

三 代码

<script language="javascript">
var Arraycolor=new Array("olive","teal","red","blue","maroon","navy","lime",
"fuschia","green","purple","gray","yellow","aqua","white","silver");
var n=0;
function turncolors()
{
	if (n==(Arraycolor.length-1)) 
	{
		n=0;
	}
 	n++;
 	document.bgColor = Arraycolor[n];
}
</script>
<form name="form1" method="post" action="">
<p>
	<input type="button" name="Submit" value="变换背景" onclick="turncolors()">
</p>
 <p>用按钮随意变换背景颜色.</p>
</form>

 

 

四 运行结果