目录
鼠标的单击事件
鼠标的松开或按下事件
鼠标的移入/移出事件
鼠标移动事件
鼠标单击事件和鼠标双击事件
鼠标拖拽事件
鼠标和键盘事件是在页面操作中使用最频繁的操作,可以利用鼠标事件在页面中实现鼠标移动、单击时的特殊效果,也可以利用键盘来制作页面的快捷键等。
鼠标的单击事件单击事件(onclick)是在鼠标单击时被触发的事件。单击是指鼠标停留在对象上,按下鼠标键,在没有移动鼠标的同时释放鼠标键的这一完整过程。 单击事件一般应用于 Button 对象、Checkbox 对象、Image 对象、Link 对象、Radio 对象、Reset对象和Submit对象,Button 对象一般只会用到 onclick事件处理程序,因为该对象不能从用户那里得到任何信息,如果没有onclick事件处理程序,按钮对象将不会有任何作用。
注意:在使用对象的单去事作时,如果在对象上按下鼠标健,然后移动鼠标到对象外再松开鼠标,单击事件无效。单击事件必须在对象上按下松开后,才会执行单击事件的处理程序。例子: 通过按钮变换背景颜色。
本实例通过单击“变换背景”按钮,动态地改变页面的背景颜色,当用户再次单击按钮时,页面背景将以不同的颜色进行显示。
代码如下:
var arraycolor=new Array("olive","teal","red","blue","maroon","navy");var n=0;function turncolors(){if(n==(arraycolor.length-1)) n=0;n++;document.bgColor=arraycolor[n];}演示效果:
鼠标的松开或按下事件
鼠标的按下或松开事件分别是onmousedown和onmouseup事件。其中,onmousedown事件用于在鼠标按下时触发事件处理程序,onmouseup 事件是在鼠标松开时触发事件处理程序。在用鼠标单击对象时,可以用这两个事件实现其动态效果。例子:用事件制作超